如何自動化瀏覽器滾動以測試滾動交互？

Question

我有一個網站，使用一些parallex-y滾動動畫，我正在尋找優化它。

我使用Chrome devtools時間表選項卡，但結果不一致，因爲我正在滾動，而我是人類。

我就可以開始使用console.timeline();停止時間表，我可以模擬使用$('html, body').animate()滾動，但是當我開始console.timeline()，它不會返回FPS

任何想法？

Answer 1

這裏有一篇關於該主題的有趣文章，它包括使用jQuery滾動到頁面底部的代碼，將其解釋爲您希望如何; <div id="THEID"></div>到你的頁面的底部：

http://www.electrictoolbox.com/jquery-scroll-bottom/

$(document).ready(function() { 

    $('#THEID').click(function(){ 

     $('html, body').animate({scrollTop:$(document).height()}, 'slow'); 

     return false; 

    }); 

}); 

之後，你有這個腳本，通過實施該元素使用的錨。通過使用頁面頂部的錨點鏈接，您可以慢慢滾動。 <a href="#THEID">Click here to scroll down</a>

或

$(document).scrollTop($(document).height()); 

讓我知道這是一個簡單的解決您的問題。如果需要，我可以嘗試編寫一個循環，讓頁面能夠保持滾動一個設定的數字。