How to detect user manualy move the scroll or by script in javascript or jquery

Question

In Javascript, I want to detect whether the user move the scroll bar or the scroll bar moved by script. I have write the code to move the div scrollbar using javascript. Here i want to differentiate the scroll position whether the user manually moved or it moved by script. I have used below code. But it detects all.

$("#log").scroll(function(e) {
    console.log("scrolling");
});

var logDiv = document.getElementById('log');

logDiv.addEventListener('DOMMouseScroll', function() {
    console.log("mouseEvent");
    userManualScroll = true; 
});

Pls help me.

so basically in the document, you need to know scroll event has triggered or not — Learner, Oct 31 '19 at 09:31
Actually, scroll event triggered by manualy or by script (example: $("#log").scrollTop(10)) — selvan, Oct 31 '19 at 10:20
This link is very well written you can refer here, let me know if it worked for you https://stackoverflow.com/questions/7035896/detect-whether-scroll-event-was-created-by-user — Learner, Oct 31 '19 at 10:25

score 3 · Accepted Answer · answered Oct 31 '19 at 09:32

Set a global variable

var userscroll = true;

Whenever you adjust scroll position via JS, set userscroll to false before the scroll operation and true afterwards.

In any functions that only trigger on the user scrolling, add an if-clause

if (userscroll) {
   ...

How to detect user manualy move the scroll or by script in javascript or jquery

1 Answers1