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.

Improve this question

1 Answer 1

Reset to default
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

Improve this answer
Sign up to request clarification or add additional context in comments.

4 Comments

Yeah it works, but it is supposed to do so. I want to know why mine isn't working!
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?
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.
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.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.