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

时间:2014-01-10 12:41:30

标签: javascript jquery html css scroll

如何在不使用动画的情况下使我的滚动侧边栏在文档就绪上设置正确的位置?请记住,我希望在页面加载后保持动画以进行常规滚动。

我使用.scroll()在加载时触发滚动但是在页面中间看起来很邋and而你正在等待侧边栏赶上。

http://jsfiddle.net/b4MaJ/1/

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();

2 个答案:

答案 0 :(得分:0)

position:fixed;

中使用.customerOrder

答案 1 :(得分:0)

DEMO

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

删除Jquery