jQuery：当我单击滚动条时，滚动条会卡住，从而导致滚动条在鼠标未按下时滚动。 （以jsfiddle为例）

Question

http://jsfiddle.net/nicktheandroid/7raYa/9/

My script allows me to scroll the page like a PDF, allowing you to grab the page and drag down or up. My problem, is that when i use the scrollbar, then mouseup from the scroll bar, the scrollbar will stick and scroll with my mouse up and down, even though my mouse is up. So when clicking on the scrollbar, its like i never moused up. how do I fix this?

THANKS!

Answer 1

I believe the scrollbar is part of the page, so when you click it, it makes your script believe the mouse is down - you'll notice that after you mouseup from clicking on the scrollbar that the page continues to move up and down until you click. Try to grab the coordinates of the mouse on mouse down, and make sure that the click occurred inside of the page (minus the scrollbar)

Edit: I was correct - here is the updated jsFiddle with it working: http://jsfiddle.net/xDtVL/