Scrollspy on Mobile Devices – Themeco Community

Scrollspy on Mobile Devices

Ryan G — Fri, 24 Jan 2014 05:20:22 +0000

I’m using Integrity, and seeing a vertical offset when using one page navigation in mobile devices – all phones and also tablets in portrait. Tablets in landscape or larger devices will scroll appropriately.

Scenario – Integrity one-page nav. Same result on pages with or without slider on top. Menu is fixed, although not really fixed on mobile device.

Issue: When tapping a menu item, the element with matched id does not go all the way to the top of the browser window. It appears to be offset by 50-100px (I can’t get the mobile dev tools ruler to play nice and remain visible). Is this a javascript issue or is there some css that can be adjusted to compensate for the offset scrolling?

I can not reproduce the issue on theme.co – the only page with one-page navigation is your home page. And the mobile menu is truly fixed there, and scrolling works properly. My site isn’t live yet, but here’s a screen shot of the offset:

Again, all is good on tablets in portrait or larger screen devices. And this isn’t a huge deal, I’m just thinking there has to be a simple fix here.

Reply To: Scrollspy on Mobile Devices

Kory — Fri, 24 Jan 2014 06:28:49 +0000

Hey there,

Thanks for writing in and being so thorough! You have no idea how much this helps us in troubleshooting. I think what is happening here is that the navigation has to have an offset equal to the height of the navbar so that it doesn’t cover up the bands on desktop as you scroll down the page. However, since the navbar becomes fixed on mobile for usability reasons, this offset is still present but the navbar is not, resulting in your gap. We will certainly take a look into patching this up for a later release.

Thank you for bringing this to our attention!

Reply To: Scrollspy on Mobile Devices

Kiljan — Mon, 26 May 2014 14:12:26 +0000

I have the same issue. Please fix. Thank you very much.

Reply To: Scrollspy on Mobile Devices

Christian — Tue, 27 May 2014 00:25:18 +0000

Just tune in for the update Kiljan.

Thanks. 🙂

Reply To: Scrollspy on Mobile Devices

mikewolf1127 — Mon, 05 Jan 2015 06:44:26 +0000

Me too.

Reply To: Scrollspy on Mobile Devices

Christopher — Mon, 05 Jan 2015 10:43:25 +0000

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.