I usually use MooTools for my scripting needs, but frameworks can sometimes become a handicap . The mouseover event occurs when the mouse pointer is over the selected element. If I understand your question correctly, then you want to prevent scrolling of the main content when the mouse is over a div (let's say a sidebar). We can scroll a little beyond the document start or end in some browsers/devices (empty space below is shown, and then the document will automatically “bounces back” to normal). event.target – is the element where the mouse came over. The scroll is imprecise. The window.onscroll event fires when the window has been scrolled. Of course, this is only momentary, such as when I need to display an overlay of some sort. Note: Unlike the mouseenter event, the mouseover event triggers if a mouse pointer enters any child elements as well as the selected element. The mouseover() method triggers the mouseover event, or attaches a function to run when a mouseover event occurs. I occasionally need to block mouse wheel scrolling when I’m working with JavaScript. There are two methods in javascript . However, the image item seems to only stop exactly where the cursor is and on occasion, throw the width off of the next and continuing image items. The scroll is “elastic”. Lets see following some example. It's based on galambalazs' answer, but with support for touch devices, and refactored as a single object with jquery plugin wrapper.. Demo here. ; event.relatedTarget – is the element from which the mouse came (relatedTarget → target). In the Html, the marquee tag allows us to scroll a piece of running text or image displayed. (See attached image Rotator1.jpg) Note that the images scroll just fine within their size when no stopping or starting take place with mouseover. HTML