如何自动化浏览器滚动以测试滚动交互?

时间:2015-01-13 20:40:07

标签: javascript css macos google-chrome parallax

我有一个使用多个parallex-y滚动动画的网站,我正在寻找优化它。

我正在使用Chrome devtools时间线标签,但结果不一致,因为我正在进行滚动,而且我是人。

我可以使用console.timeline();开始和停止时间轴,我可以使用$('html, body').animate() 模拟滚动,但是当我启动console.timeline()时,它不会返回FPS

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

这是一篇关于该主题的有趣文章,它包含使用jQuery滚动到页面底部的代码,按照您的意愿解释它;

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

$(document).ready(function() {

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

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

        return false;

    });

});

获得此脚本后,通过在页面底部实现元素<div id="THEID"></div>来使用锚点。通过使用页面顶部锚点的链接,您可以慢慢滚动。 <a href="#THEID">Click here to scroll down</a>

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

如果这是您问题的简单解决方案,请告诉我。如果需要,我可以尝试编写一个循环脚本,这将允许页面继续滚动一个设定的数字。