待辦事項JavaScript函數

如果你看看這個鏈接和向下滾動：http://templates.entheosweb.com/template_number/live_demo.asp?TemplateID=51090 待辦事項JavaScript函數

你看，如果你向下滾動，顯示動畫。 Javascript函數在一定的高度觸發，我也想達到這個效果。但我不知道從哪裏開始。我怎樣才能在一定的高度觸發一個功能？

2017-03-28 Soccerlife

你可能沒有找到關於如何做到這一點的任何教程的原因是因爲它與「高度」無關 - 它與當前的滾動位置有關 - 並且還有更好的例子，當你上下滾動 –

嘗試這樣的：

window.addEventListener('scroll', function() { 
    var hasFired = false; 

    if (document.body.scrollTop >= 250 && !hasFired) { 
     hasFired = true; 
     // do something when scrolling down 
    } 

    if (document.body.scrollTop < 250 && hasFired { 
     hasFired = false; 
     // do something when scrolling up, and enable the scroll-down event to fire once again 
    } 
});

第二if()是可選的。

來源

2017-03-28 08:14:38

謝謝！還有一個問題，當我滾動時顯示某個div時是否也可以運行一個函數？ – Soccerlife

是的，但請爲此打開另一個問題:)你可以在這裏鏈接它，所以我可以稍後找到它。不過，這是一個相對複雜的事情，所以如果你對實際編碼不太熟悉，可以考慮一些庫，比如AOS（https://michalsnik.github.io/aos/） –

你可以簡單地使用滾動監聽器，並在特定的身高，你可以打電話給你的funtion： -

window.onscroll = function() {scrollFunction()}; 

function scrollFunction() { 
if (document.body.scrollTop == 250) { 
    myCustomFunction(); 
} 
} 

function myCustomFunction { 
    // define your logic here 
}

來源

2017-03-28 07:54:19 Panther

我把我的邏輯：alert（「測試」）。但它沒有奏效。 – Soccerlife

你在哪裏提出警報 – Panther

簡單的代碼現在嘗試 – Panther

-1

有很多庫（for example）來實現這個動畫，谷歌的人。如果你想編寫自己的定製邏輯，請檢查JavaScript的window.scroll函數。

來源

2017-03-28 08:01:32 Ankur

待辦事項JavaScript函數

回答

相關問題