Jquery在側面滾動時使事情發生（scrollto.js） - 只有在緩慢滾動時才能正常工作

Question

在使用jquery scrollTo（awesome ...）的水平視差網站上我試圖在做出決策時使用窗口值和scrollLeft值，當前頁面寬度 - 即使調整大小。這一切都工作。

當從左到右滾動某些窗口寬度時，我想最終在導航項上設置一個值，爲下一個標記提供路標。使用如下所示的提醒/測試代碼來驗證我的積分是否達到。他們是 - 如果SCROLLING真的很慢。

關於捕捉這些數字乾淨可靠的任何想法？似乎它的速度非常快，jquery只是沒有得到它。或者我沒有正確查看這個？

function parallaxScroll(){ 

    var scrolledX = $(window).scrollLeft(); 
    var windowsize = $(window).width(); 

    var win0 = 0; 
    var win1 = windowsize; 
    var win2 = windowsize * 2; 
    var win3 = windowsize * 3; 

    if (scrolledX == win1) { 
     $("#test").text("mark1"); 
    } 
    if (scrolledX == win2) { 
     $("#test").text("mark2"); 
    } 
    if (scrolledX == win3) { 
     $("#test").text("mark3"); 
    } 

} 

Answer 1

確實很難找到確切的大小。尋找大小和任何更大的尺寸 - 例如，如果win1是100，它將在100-199之間觸發，然後在win2之間觸發（如果它在200-299之間），依此類推。

注意我也檢查窗口尺寸，最大到最小（你可以做他們從小到大，那麼就一定要改變>到<並添加額外的支票大小比win3大。

此外，請你的檢查if ... else if ... else statemnts所以你不小心多次火了（WIN3比WIN2較大，所以WIN2將在WIN3甚至解僱）

function parallaxScroll(){ 

    var scrolledX = $(window).scrollLeft(); 
    var windowsize = $(window).width(); 

    var win0 = 0; 
    var win1 = windowsize; 
    var win2 = windowsize * 2; 
    var win3 = windowsize * 2; 

    if (scrolledX >= win3) { 
    $("#test").text("mark3"); 
    } 
    else if (scrolledX >= win2) { 
    $("#test").text("mark2"); 
    } 
    else { 
    $("#test").text("mark1"); 
    } 

}