我有一个使用多个parallex-y滚动动画的网站,我正在寻找优化它。
我正在使用Chrome devtools时间线标签,但结果不一致,因为我正在进行滚动,而且我是人。
我可以使用console.timeline();
开始和停止时间轴,我可以使用$('html, body').animate()
模拟滚动,但是当我启动console.timeline()
时,它不会返回FPS
有什么想法吗?
答案 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());
如果这是您问题的简单解决方案,请告诉我。如果需要,我可以尝试编写一个循环脚本,这将允许页面继续滚动一个设定的数字。