![](/img/trans.png)
[英]Scrolling to a position in an element on page load with React useEffect
[英]Scrolling sidebar position on page load
如何在没有动画的情况下使滚动侧栏在文档上设置正确的位置? 请记住,我想让动画在页面加载后进行常规滚动。
我使用了.scroll()来触发加载时的滚动,但是在页面的一半向下时这看起来很草率,并且您正在等待侧边栏的赶上。
w.scroll(function () {
if (w.scrollTop() > offset.top) {
sidebar.stop().animate({
marginTop: w.scrollTop() - offset.top + 45
}, function () {
distance = (footer.offset().top - footer.outerHeight()) - sidebar.offset().top;
if (distance <= 50) {
sidebar.stop().animate({
opacity: 0
}, 250);
} else {
sidebar.stop().animate({
opacity: 1
}, 250);
}
});
} else {
sidebar.stop().animate({
marginTop: 0
});
}
}).scroll();
使用position:fixed;
在.customerOrder
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.