Giter Club home page Giter Club logo

Comments (6)

arielsalminen avatar arielsalminen commented on June 16, 2024

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.

voodoo6 avatar voodoo6 commented on June 16, 2024

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.

lipsync avatar lipsync commented on June 16, 2024

I tested the fix on Android, but nothing changed - still can't scroll larger menus.

from fixed-nav.

pgarciacamou avatar pgarciacamou commented on June 16, 2024

Hi MystK,

I tested on iOS 6.0 w/safari and it brakes the nav-bar's position.

from fixed-nav.

breakfastpizza avatar breakfastpizza commented on June 16, 2024

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.

dmegatool avatar dmegatool commented on June 16, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.