मेक "scrollLeft,"/"scrollTop" परिवर्तन पुस्तक घटना श्रोता

Question

ट्रिगर नहीं वर्तमान में मेरा कार्यक्रम एक जगह जहां यह दोनों सुनता उपयोगकर्ता एक निश्चित तत्व स्क्रॉल करने के लिए के लिए में है, लेकिन यह भी कभी-कभी अपने आप इस तत्व अपने आप में स्क्रॉल करता है। (धीरे-धीरे, सुंदर स्क्रॉल नहीं, लेकिन एक त्वरित कूद। यह संदर्भ में समझ में आता है, मैं कसम खाता हूं।)

क्या स्क्रॉल ईवेंट स्क्रॉल करने या स्क्रॉलटॉप सेट करके स्क्रॉलिंग किए जाने पर स्क्रॉल ईवेंट ट्रिगर करने का कोई तरीका नहीं है? मेरी पहली सोचा की तरह एक बुनियादी स्विच था,:

ignoreScrollEvents = true; 
element.scrollLeft = x; 
ignoreScrollEvents = false; 

function onScroll() { 
    if(ignoreScrollEvents) return false; 
} 

लेकिन जब से घटनाओं तुरंत चालू नहीं करते (उफ़, duhh), कि समस्या का समाधान नहीं है। मैं किस तरह के उत्तर का प्रयास कर सकता हूं? मैं jQuery का भी उपयोग कर रहा हूं, अगर इससे कुछ भी मदद मिलती है।

Answer 1

सबसे आसान सामान्य विधि ? इवेंट हैंडलर में बस ध्वज को रीसेट करें। यदि आप वास्तव में मूल्य बदल रहे हैं, तो आप पहले जांचना चाहेंगे, अन्यथा एक घटना को निकाल दिया नहीं जाएगा - Rodrigo notes के रूप में, यहां एक अच्छी प्रैक्टिस इसे तथाकथित "सेटर" फ़ंक्शंस में कारक बनाना है:

function setScrollLeft(x) 
{ 
    if (element.scrollLeft != x) 
    { 
    ignoreScrollEvents = true; 
    element.scrollLeft = x; 
    } 
} 

... 

function onScroll() 
{ 
    var ignore = ignoreScrollEvents; 
    ignoreScrollEvents = false; 

    if (ignore) return false; 

    ... 
} 

लेकिन, अपनी आवश्यकताओं पर निर्भर करता है, आप पहले से ही पुस्तक स्थिति कहीं भंडारण किया जा सकता है; यदि ऐसा है, तो बस अपने ध्वज के रूप में अद्यतन करें और जांचें। कुछ ऐसा:

element.scrollLeft = currentScrollLeft = x; 

... 

function onScroll() 
{ 
    // retrieve element, etc... 

    if (element.scrollLeft == currentScrollLeft) return false; 

    ... 
} 

Answer 2

आप कर सकते थे constantly check अगर scroll position परिवर्तन ...

Answer 3

आप कर सकते थे जब आप Onscroll के अंदर जाने के लिए अपने तत्व की भरपाई शीर्ष भंडारण और scrollTop के खिलाफ यह मिलान का प्रयास करें:

function onScroll(){ 
    var scrollTop = (document.documentElement.scrollTop || document.body.scrollTop), 
    offsetTop = $('selector').offset().top; 
    if(offsetTop > scrollTop){ 
     //user has not scrolled to element so do auto scrolling 
    } 
} 

Answer 4

एक सेटर के बारे में कैसे?

var _preventEvent = false; // set global flag 
 

 
function setScrollTop(amount) { 
 
    _preventEvent = true; // set flag 
 
    document.documentElement.scrollTop = amount * Math.random(); 
 
} 
 

 
function setScrollLeft(amount) { 
 
    _preventEvent = true; // set flag 
 
    document.documentElement.scrollLeft = amount * Math.random(); 
 
} 
 

 
// scroll event listener 
 
window.onscroll = function() { 
 
    console.clear(); 
 
    
 
    if (_preventEvent) { 
 
    _preventEvent = false; // reset flag 
 
    return; 
 
    } 
 
    
 
    console.log('normal scroll'); 
 
}

html{ height:500%; width:500%; } 
 
button{ position:fixed; } 
 
button + button{ top:50px; }

<button onclick=setScrollTop(1000)>Random scrollTop</button> 
 
<button onclick=setScrollLeft(1000)>Random scrollLeft</button>

Answer 5

ठीक है, मेरा अंतिम समाधान, Shog9 के बंद का निर्माण (नहीं मेरा असली कोड, लेकिन मेरे दृष्टिकोण):

var oldScrollLeft = element.scrollLeft; 
element.scrollLeft = x; 
if(element.scrollLeft != oldScrollLeft) { 
    ignoreScrollEvents = true; 
} 

function onScroll() { 
    if(!ignoreScrollEvents) performGreatActions(); 
    ignoreScrollEvents = false; 
} 

अगर बयान केवल ध्वज की अनदेखी सेट जब scrollLeft मान वास्तव में बदलता समाप्त होता है, तो 0 से 0 तक सेटिंग जैसे मामलों गलत तरीके से ध्वज सेट नहीं करते हैं।

धन्यवाद, सब!