此网站具有以下布局:
section1
section2
section3
section4
section5
每个部分涵盖整个屏幕高度。当我正在预加载图像时,我需要网页滚动到中间(第3部分),为此,我使用:
var targetOffset = $('#home-nav-bar').offset().top - 183;
$("html, body").animate({ scrollTop: targetOffset }, 100);
此效果对用户不可见,因为我在预加载器加载图像时触发它。
但是这个网站也使用了视差效果,我用stellar.js
实现了这个效果。我遇到的问题是.animate
触发页面上的滚动事件,并触发恒星代码,这会使我的元素远离预加载完成后的位置。有没有什么方法可以“滚动”到section3而不使用触发stellar.js
的.animate?