Question

我试图在我的页面顶部保留一个div但是，当我越过我的观点时，我想在另一个div之前停止滚动..

<div class="my-top"><p>This is my top</p></div>
    <div class="big-one">
        <div class="mini1">
            <p>TEST 1</p>
        </div>
        <div class="mini2">
            <div id="mini-mini2">
                <p>Need to scroll</p>
            </div>
        </div>
    </div>
    <div class="my-footer">
        <p>This is my footer</p>
    </div>

这是一个小提琴=＆gt; https://jsfiddle.net/2q773opz/3/

当我滚动时，我的div下降但她可以在“mini2”结束时停止，她回到他的顶部:( 我错过了什么？谢谢你的帮助^^

Answer 1

要限制下卷轴，您需要在窗口的scrollTop()高于.my-footer元素的顶部时减去#mini-mini2的高度时删除该类元件。试试这个：

$(window).scroll(function() {
    var $mini = $('#mini-mini2');
    var toggle = $(window).scrollTop() >= breaking && $(window).scrollTop() <= (limit - $mini.height());
    $mini.toggleClass("floatable", toggle);
});

Updated fiddle

Jquery在页眉和页脚之间滚动

1 个答案: