jQuery Forum

Hi All,

I am trying to develop a vertical scroller - it is a UL with a fixed height to only show a few list items, then with up and down controls, the user can scroll through.

There is 3 bottons on top and 3 on bottom, the first button will scroll the UL up and down one item, the second will jump/scroll 3 items and finally the last button will move to the top or bottom of the list.

I have created this all and it is kind of working, it moves up and down one, and jumps up and down 3, but there are certain issues if you combine scroll 3 with scroll 1, sometimes it will stop working, and you can't always scroll right up to the top/

For usability, I have set the buttons to disappear when the user is at the top or bottom. This works if you use the same method, once or 3 times scroll. If you mix it up, it breaks and the buttons won't hide.

Sorry, it's quite hard to explain!

I have set this up as a jsfiddle and set the top and bottom background to red, and the next/previous to orange so you can easily see if you reach the end of the list: http://jsfiddle.net/kh46y/6/

If you could have a look I would be so grateful. If you need me to paste the code here in the post, please let me know also.

Thank you very much