Question

I have seen this example: http://jsfiddle.net/UwEe2/306/ that is implemented with scrollleft.

Now I have done a modification.

This is my script but is doesn’t run: http://jsfiddle.net/njKXB/39/

What is the problem?

Answer 1

I have no idea what you’re trying to achieve by putting a list of 1‘s inside li elements without the required ul container.

Simply replacing the text with the img element in your code demonstrates that it’s functional.

http://jsfiddle.net/njKXB/54/

The reason you can’t scroll your list of 1‘s left/right is because it’s wrapping. If you increase the height, you can see it wrapping below. Since it’s wrapping down, there is nothing there to scroll side to side.

http://jsfiddle.net/njKXB/55/

The solution is to remove the float on the li‘s and add display:inline; which causes them all to stay in one line. Then add white-space: nowrap; to the container to prevent wrapping.

http://jsfiddle.net/njKXB/75/