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, to move up and down one item, then to jump 3 items and finally to move to the top or bottom.

I have created this all and it is kind of working, it moves up and down one and jumps up and down 3, but the problem comes if I move down and then half way through use a different method, ie start scrolling one place, but then jump down.

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, hard to explain!

I have set this up as a jsfiddle: http://jsfiddle.net/kh46y/2/

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