0

I am trying to build a dynamic scrollable menu without scrollbar. I followed the example at Stackoverflow, but still scrollbars are appearing. How can I get rid of the scrollbars? My code is at jsFiddle.

Community
  • 1
  • 1
SexyBeast
  • 7,913
  • 28
  • 108
  • 196

1 Answers1

8

I think this what you are looking for........ http://jsfiddle.net/qcv5Q/1/

and I updated your's http://jsfiddle.net/nnDCt/2/ I just removed the width from list

Vinit
  • 1,815
  • 17
  • 38
  • Yeah it works, but it is supposed to do so. I want to know why mine isn't working! – SexyBeast Jul 18 '12 at 18:49
  • Ummm, all you did was to remove the width declaration from the inner content. Why does it make it work, whereas in the example I posted, the width of both were mentioned and it worked fine? – SexyBeast Jul 18 '12 at 18:55
  • 2
    coz it was 200px and exactly same width as the container. It should be either not defined or must be little greater than the width of the container..to better understand try increasing the width of div.list by 10px each time starting from 200px. – Vinit Jul 18 '12 at 19:02
  • Well, it is not being perfect. The actual code had arrows at the end of the list-items, (I skipped those parts to stress on the necessary point), but when they are included, as you will find out in the same updated fiddle, the scroll works ok, but the arrows don't show up. Whereas if you include the width, scrollbars appear, with the arrows showing if you scroll right. – SexyBeast Jul 18 '12 at 19:07