jquery - 如何在特定点停止固定/浮动 div

Question

我意识到这个网站上有很多与我相似的问题，但由于他们的原始代码与我的非常不同，尽管我尝试了上百万种不同的方法，但我仍然无法使用他们的解决方案。

我想让这个绿色盒子停在某个点。它的行为就像我希望它减去覆盖底部的 hbar 和单词 stop/post。我希望它在我选择的点上停得比这高得多。

请在此处查看我的演示：http: //jsfiddle.net/Kachish/RqELN/1/

下面是Javascript和CSS：

Javascript：

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>

    $(document).scroll(function() {
        var useFixedSidebar = $(document).scrollTop() > 150;
        $('.important').toggleClass('fixedSidebar', useFixedSidebar);
    });

</script>

CSS：

.fixedSidebar {
    position: fixed;
    top: 10px;
}

​</p>

Answer 1

根据你的工作小提琴。

查询：

$(document).scroll(function() {
    var scrollVal = $(document).scrollTop();
    $('.important').css('top',scrollVal+'px');
    if (scrollVal < 150) { 
        $('.important').css('top','100px');
    }
    if (scrollVal > 1347) {
        $('.important').css('top','1111px');    
    }
});​

CSS：

.important { 
    position: absolute;
}

​</p>