Comments (7)
Same issue for me. My code is live at www.edgeshelf.com. It only happens when you scroll past one of the areas linked to by the menu (in this case, if I scroll down to the footer past the last menu item, which is "Contact Us"). If I scroll back up into any area linked to by the menu, it works again.
from fixed-nav.
I've played around with happybana's code and it seems like the fixed nav links work if the page is positioned more than 62px up from the bottom (62px is also the height of the fixed nav with the page scrolled down). Maybe it's something with the offset, position: fixed, and the scroll event listener.
from fixed-nav.
For my issue, adding the offset to that line worked!
from fixed-nav.
@slsriehl Do you think you could share the code you are using? Iām wondering if something in the CSS is causing this.
from fixed-nav.
@viljamis Sure, at:
http://www.riehlhelp.com/swg/index.html
http://www.riehlhelp.com/swg/frn/styles.css
The rest fixed-nav files are under their original names at http://www.riehlhelp.com/swg/frn/.
from fixed-nav.
Seriously Battling with the same issue.
I get this in my console when a click on the link
Unable to preventDefault inside passive event listener due to target being treated as passive.
Have you found any fix for this.
from fixed-nav.
After poking around a bit, I think the issue might be with this line. The second condition is making the scroll stop before the end of the document. Maybe because it doesn't know about the offset in fixed-responsive-nav.js?
scroll.js, line 148
if ( position == endLocation || currentLocation == endLocation || ( (window.innerHeight + currentLocation) >= document.body.scrollHeight ) ) {
from fixed-nav.
Related Issues (20)
- Request: package manager? HOT 1
- Menu/links stop working when content fills last section in certain browsers. HOT 2
- Can you adjust the top offset? HOT 2
- Navigation text not aligning in center.. HOT 5
- Remove the fixed nav HOT 1
- Automatic menu mobile when menu width is too large
- Have the header stick on scroll?
- cllicking outside of the menu to close instead of just the x?
- Drop Down List HOT 3
- Section height HOT 1
- Remove #links on click HOT 1
- Mask closing before text HOT 1
- Outbound Links Break Section Highlighting HOT 5
- When linking to sections from an external page, cuts off top of section. HOT 1
- Implement HTML History API ?
- Menu disappears HOT 1
- active class issue when use 2 navigation
- Navigation Hamburger Moving Positions
- Change hamburguer and 'x' icons HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
š Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ššš
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ā¤ļø Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fixed-nav.