Results for: sticky
I've come across a problem while using Offcanvas for a fixed mobile navigation menu. Unless you are at the very top of the page, you aren't able to see all of the items in the menu. Here are some screenshots to further illustrate the issue: At the t... (continued)
By now everyone who uses Foundation 5 and tries to implement the sticky top bar nav menu knows that it is currently (as of v5.0.2) broken. Meaning that on scroll, your nav bar will not automatically stick to the top of the browser window like the document... (continued)
Works great, but seems to break the mobile menu. Is there a way to keep both? When I narrow the browser I only get the first "button".
Is there a way to intercept the "sticky" event in the top bar? That is, I wish the "title-area" become visible only when the top-bar gets fixed, but I don't know how to catch this event.
Hi all, i'm trying to customize the width of a sticky top bar. My goal is to have it integrated in a centered content block (see here: http://i.imgur.com/991gfj8.png), and to remain inside it when the user scrolls past it. However at this point it cur... (continued)
I'm building a page with backbonejs, requirejs, jquery, and foundation (thus far only foundation.reveal and foundation.magellan and all of the css). one of the views uses a reveal modal to display terms and conditions. Our UE person has requested that ... (continued)
Hello all, While I'm having no problem getting one element to stick to the top of the browser, I cannot figure out a way to have multiple elements stick one underneath the last. For example, I would like to scroll through... HEADLINE (sticky) Lo... (continued)
Hi. i have an orbit slider on my web page followed by a sticky top nav. I have used jquery to modify the slider so that it takes up the whole of screen height and width on window load and window resize. But now the sticky nav is not functioning properly. ... (continued)
My top-bar has a long list of items (nine) so not all items are visible when in mobile landscape mode and vertical scrolling is needed to see the rest. It works fine until I added the "sticky" option. With the sticky option turned on (class="contain-to-gr... (continued)
Hello, I'm using the sticky top-bar with Foundation 3 and I've found a cosmetic bug. It works fine when I scroll down, but once I scroll back up to the top, the top-bar doesn't "snap" in place. The content that was originally below the top-bar is now pus... (continued)
Hello! I'm trying to create a Top-NavBar that stalks you while you scroll down the page. I've managed to work such wizardry but however I'm having issues. The navbar gets covered by the text below , how do, I not make that not happen? Also Ho... (continued)
Hi everybody, I had a small issue and was wondering if anyone has gone through, when I click on a menu link while in small screen size (compressed toolbar), and if the links references an object in the same page, the focus goes to the object but the me... (continued)
I'm trying to get a sticky topbar working in 5.1.1. Right now it's doing nothing. Here's the markup:
I noticed that when I click on the mobile menu it removes fixed from
I am building a site that has a row for a logo at the very top of the page. Below that I have a top-bar nav that is wrapped by "sticky contain-to-grid" div. I am using data-options="scrolltop:false" on the nav. On small screens when I am at the very top o... (continued)
I will start out by saying I am no expert when it comes to Javascript. I am probably in the 'moderate' expertise category. That being said, I am looking to fire jQuery events when the top-bar navigation becomes docked/undocked on the top of the browser... (continued)
This what I applied as given in the Foundation Docs , but as you scroll initially the first scroll flickers..any way to fix this ?
Hi there, Is there a way to create a side nav that is the main menu, and sticky, instead of having it to be the top nav only? I'm experimenting with some design ideas and a sticky side nav works better than a top nav, for some reason Thanks a lot, - Paul
Hi, Is it possible to create two sticky Top bars which should display one ofter another? When i tried by placing two nav "top-bar"s with classes "contain-to-grid sticky" ,Second nav is displaying over the first one. Thanks, Narsing.
I am trying to make a sticky top-bar that is only sticky on small screen sizes using data-option="sticky_on:small" but it is still sticky on the large and medium sizes. What am I doing wrong?