Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I’ve got a “sticking to the top” menu in this website:
It works like a charm on desktop browsers, but on my iPad I realise that the menu links doesn’t always work. Sometimes I need to scroll the page just a little bit to make it work.
Can anyone help with fixing this issue?
I discovered that this is a known bug in iOS. Elements with
position:fixeddon’t handle ‘click’ and ‘touch’ events really well.In fact, they don’t detect these events after a “programmtical” scroll of the page. Only after a “manual” scroll do these elements react to clicks and touches (even a 1px scroll from the user).
I ended up giving up on the
position:fixedand I use some JS to programmatically re-positioned the menu according the the scrollTop attribute of the window.