滚动jquery时跟随导航栏

时间:2013-10-24 19:07:35

标签: php jquery requirejs

当向下/向上滚动时,我有一个关于栏的jquery但它有延迟 CSS

#rightbar_scroll {position: absolute;top: 0;right: 0;z-index: 10000; }

 jQuery(document).ready(function(){
    var jQuerysidebar   = jQuery("#rightbar_scroll"),
        jQuerywindow    = jQuery(window),
        offset     = jQuerysidebar.offset(),
        topPadding = 20;
    jQuerywindow.scroll(function() {
        if (jQuerywindow.scrollTop() > offset.top) {
            jQuerysidebar.stop().animate({
                marginTop: jQuerywindow.scrollTop() - offset.top + topPadding
            });
        } else {
            jQuerysidebar.stop().animate({
                marginTop: 0
            });
        }
    });
});

我希望它没有延迟,当我在本网站提问时,如何在右侧添加像“类似问题”框一样的位置?

谢谢,对不起我的英语不好

2 个答案:

答案 0 :(得分:1)

尝试使用jQuery.css()代替jQuery.animate()

jQuerysidebar.css({
    marginTop: jQuerywindow.scrollTop() - offset.top + topPadding
});

答案 1 :(得分:0)

如果页面滚动> = offset.top,则将#rightbar_scroll的位置更改为fixed 如果页面再次滚动,请不要忘记将其更改为绝对值...