10

I have implemented a website using twitter bootstrap. At the top of the site I have used a nav bar, and inside that used a dropdown menu. The dropdown menu is made up of < ul > and < li > tags. I am showing a list of members inside that dropdwon menu. When the list of member grows the dropdown menu grows horizontally, for which I have added a overflow: auto to the dropdown-menu class. Now its showing an vertical scroll bar, and working fine in browser.

But the same thing is not working in iPad and other iOs devices. I have googled it and found -webkit-overflow-scrolling: touch should work. But it is not working for me. Lot of other solutions are also present, but unfortunately not working for me.

Is there any better solution available. May be anything we can do using css itself.

4
  • use both overflow: scroll and -webkit-overflow-scrolling: touch;. link. and also have a look at this link Barrow.io
    – Mr_Green
    Aug 26, 2013 at 7:43
  • Yeah, everywhere its written that -webkit-overflow-scrolling: touch; should work, but don't know why its not working for me.
    – sandeep
    Aug 26, 2013 at 8:06
  • use with overflow: scroll not with overflow: auto..
    – Mr_Green
    Aug 26, 2013 at 8:07
  • Is it not working because I am trying to use it for a < ul > tag, and it should work for a < div > ? Since I am using twitter bootstrap dropdwon-menu, I am not able add a > div > there.
    – sandeep
    Aug 26, 2013 at 8:13

1 Answer 1

3

Add the css property in to your div tag -webkit-overflow-scrolling: touch

2
  • I have to display the scroll bar in < ul > and < li > tag.
    – sandeep
    Aug 26, 2013 at 7:33
  • put it in a container and in css add that property Aug 26, 2013 at 7:35

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.