Is there a beforeScroll event in jQuery? Or can this type of event be replicated at all?

We have a scenario where we need perform an event before a div with overflow:scroll has been scrolled. The problem with using the .scroll event is that this is raised after the div has been scrolled rather than before.

Is there a beforeScroll event in jQuery? Or can this type of event be replicated at all?

We have a scenario where we need perform an event before a div with overflow:scroll has been scrolled. The problem with using the .scroll event is that this is raised after the div has been scrolled rather than before.

• javascript
• jquery

Share Improve this question Follow asked Jul 28, 2010 at 10:55 Robert WRobert W 2,96177 gold badges3434 silver badges4242 bronze badges 1

• 2 You mean after the scroll is performed but before the actual scrolling has occured? – David Hellsing Commented Jul 28, 2010 at 11:03

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

No, there's no such event. The scroll event cannot be cancelled (for obvious reasons) and I would speculate that it fires after the action so that the scrollTop and scrollLeft properties are accurate when accessed.

Possible workarounds might be to capture the mousewheel/DOMMouseScroll events and the keydown events for page up, page down, up, down, etc. keys. There's no 100% method, though - you'll never be able to stop the user from interacting with the browser's scrollbar ponents. The only true solution there is to roll your own scrollbars.

If you're just looking to find the amount the user scrolled, you could set a timer to store the current scrollLeft/scrollTop in a variable and then check them vs the new values in the scroll event.

I solved this in a crude way that turned out to be surprisingly un-laggy:

I update the position myself after checking that the position is within the range that I want, using position=fixed, and alter the top value.