页面加载时滚动侧边栏位置答案

【问题标题】：Scrolling sidebar position on page load页面加载时滚动侧边栏位置
【发布时间】：2014-01-29 10:44:36
【问题描述】：

如何让我的滚动侧边栏在文档准备就绪上设置其正确位置？请记住，我想保留页面加载后一般滚动的动画。

我使用 .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();

【问题讨论】：

标签： javascript jquery html css scroll

【解决方案1】：

在.customerOrder 中使用position:fixed;

【讨论】：

【解决方案2】：

DEMO

.customerOrder {
    background: red;
    position:fixed;
    top:30px;
    right:5px;
}

删除 Jquery

【讨论】：

我想保留一般滚动的动画。只是在页面加载时，我希望将侧边栏固定在正确的位置并准备好制作动画。
当我刷新小提琴时。在页面加载它已经固定在正确的位置。