onmouseover events and smooth scrolling - javascript

I have an html notification view with a scrollbar.
Each notification of the list reacts to onmouseover to display a little toolbar.
When the user scrolls, the scrolling experience is not smooth due to these onmouseover events that are fired during the scrolling.
How can I make the scroll smoother? Should I try to deactivate the onmouseover when user is scrolling? What is the best way to do it?

Related

Trigger an event when the scrollbar is used

I've been wondering if there's a way to trigger an event when the scrollbar is used.
For example when the user is grabbing the scrollbar or when the user is clicking somewhere all along the height of the scrollbar container.
Thank you very much

Javascript mouse scroll delta

is there any way to enhance scroll functionality in javascript to force it to scroll vertically to specific element when user uses mouse wheel to scroll?
just want to implement functionality like single page applications have.
Yes there is. You can listen for the wheel event, which will be triggered when the user scrolls. You can then prevent the default action to stop the window from scrolling and implement whatever you want the page to do on scroll.

Scroll event in Phonegap

Using Phonegap I'm trying to update an element when the user scrolls. Using window.onscroll, the event is only triggered once the scrolling has finished. I need to react on the scrolling while the user scrolls. I found out you can use
document.body.addEventListener('touchmove', function(){})
which seems to work well while the user has his (her) finger on the screen, but if he flips the content and and releases his finger, the event will only be triggered after the scrolling has stopped.
Is there any way to track the scrolling while the user scrolls in Phonegap?

jQuery - smart hovering plugin

Hover events are playing an important role in the navigation of my web page, and I don't want the user to get distracted by triggering them accidentally.
I'm aware of hoverIntent, which doesn't fire a hover event until the mouse has slowed down sufficiently. However, it always fires a hover event when the user scrolls down and lands atop the element.
Google Images manages to solve this quite beautifully: it doesn't fire hovers when scrolling down, and additionally even jerking the mouse a tiny bit after scrolling into an element doesn't trigger a hover.
Is there any plugin out there that implements hovering behavior similar to Google Images?
Maybe with this will help: http://james.padolsey.com/javascript/special-scroll-events-for-jquery/
So you will know when the user is scrolling, so you will also know not to fire the hover-event.

Scroll iframe by mouse coordinates

It is possible to scroll an iframe by mouse coordinates on mouse move event?
I think what your trying to do is a drag scroll for a div. Check this site out.
This is a demo to a Jquery Plugin that allows you to use mouse down events to drag your scroll area. Simular to that of an Ipod touch or Iphone, but instead of a finger you use your mouse down
http://hitconsultants.com/dragscroll_scrollsync/scrollpane.html

Categories