Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

sticky mobile top-bar issues #1993

Closed
nibelune opened this issue Mar 21, 2013 · 7 comments
Closed

sticky mobile top-bar issues #1993

nibelune opened this issue Mar 21, 2013 · 7 comments
Assignees

Comments

@nibelune
Copy link

I encounter some issues with the mobile sticky top-bar.

It jumps to the top of the viewport before it really reach that position.
When i click to open the menu, the top-bar completely disappears untill i scroll the page.

@vonbv
Copy link

vonbv commented Mar 22, 2013

I'm encountering the same thing. Let me just clarify that what "completely disappears" in my case is that the page is scrolled half-way down where it gives you the impression that the menu has gone missing. So I need to scroll to the top of the page where the nav is. The nav by the way sticks to the top - this is not the issue. Also please take note that this "jumping half-way the page" is not happening if the nav is not on sticky mode.

@hatefulcrawdad
Copy link

Do you have code anywhere that shows this problem?

@ghost ghost assigned hatefulcrawdad Apr 16, 2013
@nibelune
Copy link
Author

http://dev.nibelune.net/foundation/

reduce window width under 768px. scroll down to the bottom of the page. click the top-bar to open it…. the page jumps to its top. no top-bar visible.

@ghost ghost assigned mrsweaters May 6, 2013
@hatefulcrawdad
Copy link

Thanks, we'll look into this!

@mrsweaters
Copy link
Contributor

Fixed: 096da3e

This is now added as a configuration option. If you don't want it to jump to the top specify in data-options:

<nav class="top-bar" data-options="scrolltop: false">

or on initialization:

$(document).foundation('topbar', {scrolltop: false});

@RioBrewster
Copy link

I'm still having this problem. The sticky topbar jumps to the top of the screen about half-way through the banner image when it shouldn't until I after that image. It does this expanded and collapsed.

Here's the page:

http://www.t4dev.com.php53-3.dfw1-2.websitetestlink.com/transparency/

Later..

Found the problem.

I had the banner defined as

...

Apparently I needed

...

Why that matters I don't know.

@rdp
Copy link

rdp commented Oct 14, 2018

@RioBrewster can't see the comment? For followers appears this may have changed entirely in foundation 6 FWIW...so probably not a problem there.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants