Comments (6)
Yeah, this is currently a limitation of this solution. I’ll try to come up with a good way scroll it though soon, since it seems we need it too in one of our project!
from fixed-nav.
Hi MystK,
I've been waiting for a fix for this for ages! (the javascript is beyond my skills I'm afraid).
I tried your solution but it seems to have issues when testing on my iPhone – once the menu has been opened, the nav is no longer fixed and remains where it was opened on the page. Also, once the menu is opened, the header bar becomes scrollable, it would make sense it it could be fixed in place the whole time?
Difficult to describe all in all! – I've put your commit here, the only thing I've done is add more nav items to create a long nav: http://voodoo6.com/fixed-nav-mystk/
Try it on a mobile to see what I mean.. do you see the same issues when testing?
from fixed-nav.
I tested the fix on Android, but nothing changed - still can't scroll larger menus.
from fixed-nav.
Hi MystK,
I tested on iOS 6.0 w/safari and it brakes the nav-bar's position.
from fixed-nav.
Hi all, has there been any progress on fixing this functionality? I'm using this plugin on a site with a VERY long menu which gets cut off in mobile and I would like to be able to scroll through.
from fixed-nav.
I think this can be done with css alone. If you put a max-height on the UL based on the screen size (let say calc(100vh - 50px)... or whatever fits your design) and set the overflow to auto or scroll, it should work as LI flow out of the UL.
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
- Menu links don't work HOT 7
- 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.