【问题标题】:jQuery - Scroll sidebarjQuery - 滚动侧边栏
【发布时间】:2012-10-18 12:32:29
【问题描述】:

我正在尝试创建一个随页面滚动的侧边栏。但我希望它在用户滚动到侧边栏的顶部边框后开始滚动。

(facebook 在首页和用户滚动添加的方式)和this 网站(如果您滚动到页面底部,其中一个添加始终跟随您)

我想知道我将如何实现它。

我尝试了以下 sn-p,但这会立即开始滚动并且不适用于流式布局,因为我希望侧边栏保持在同一个位置并且只向下滚动。

$(window).scroll(function () { 
    $("#sidebar").css("position", "fixed").css("top", "50px").css("right", "50px");         
});​

还有一个相关的fiddle.

【问题讨论】:

    标签: jquery scroll


    【解决方案1】:

    定义minHeight

    minHeight = YOUR-FAVORITE-HEIGHT-IN-PIXEL-WITHOUT' px';
    

    scroll事件中,检查后做你想做的事:

    if($(window).scrollTop() > minHeight) {
       // change sidebar style, blah blah blah...
    }esle{
       // roll back sidebar style, blah blah blah...
    }
    

    编辑:

    minHeight 设置为$('#sidebar').offset().top;

    【讨论】:

    • 什么?我不能在液体布局上使用像素
    • @Christian 我正在审查我的旧答案,有趣的是我的答案正是你接受的(看看教程),但你对我的投了反对票!
    • 对不起,我一定是高了什么的。
    猜你喜欢
    • 1970-01-01
    • 2015-09-23
    • 1970-01-01
    • 1970-01-01
    • 2019-05-06
    • 2015-12-01
    • 2013-10-29
    • 2020-07-26
    • 1970-01-01
    相关资源
    最近更新 更多