/    Sign up×
Community /Pin to ProfileBookmark

mobile dropdown not scrollable on position fixed. Help!

Copy linkTweet thisAlerts:
Feb 01.2015

Hi all, I have found a great tutorial for responsive mobile navigation.
[URL=”https://www.youtube.com/watch?v=nQK0kz65wpo”]https://www.youtube.com/watch?v=nQK0kz65wpo[/URL]

I have a small problem though I’m hoping someone can help.

The navigation sits in a div which I have made

[code=php]position: fixed[/code]

. When I scroll on a mobile device the navigation is fixed to the top (which is what I want). The problem is when I open the menu, the menu is fixed and I need to be able to scroll down the list to see all the links in the list andto close the menu. How can I achieve this when the menu is open?

Thanks in advance

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@jedaisoulFeb 01.2015 — That is why you should NOT use position:fixed on sites accessed by mobiles! ?
Copy linkTweet thisAlerts:
@TheTrooperauthorFeb 01.2015 — Oh really? Mmm, in that case I'll just have to position it at the top and the user will have to scroll back to the top if they want to navigate.
Copy linkTweet thisAlerts:
@jedaisoulFeb 01.2015 — Ever heard of the Home key (well on PCs anyway)? Besides which it is commonplace to have a simple menu of major options in the footer.
Copy linkTweet thisAlerts:
@TheTrooperauthorFeb 01.2015 — It's was an idea for mobile use. Got a footer so it's no real problem. Thanks for the help.
Copy linkTweet thisAlerts:
@ramarjunFeb 23.2015 — use #navbar.dropdown{

position:absolute;

}
×

Success!

Help @TheTrooper spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.20,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...