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;
}

Answer 1

根据你的工作fiddle。

JQuery的：

$(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;
}

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

1 个答案: