Question

我找到了许多插件，可以让我将导航粘贴到页面顶部，或页脚底部的页脚。

但是，我在页面中间有一个div，需要将其粘贴在底部，直到用户滚动到它。

这有插件吗？

Answer 1

是的！你可以使用waypoints.js http://imakewebthings.com/jquery-waypoints/

然后你可以这样打电话：

$('.element').waypoint(function(direction){
    if(direction == 'down'){
        $(this).addClass('active');
    }else{
        $(this).removeClass('active');
    }
},{offset:'100%'});

然后对于CSS你可以这样做

.sticky-container.active .stick-me {
    position:relative;
}

.sticky-container .stick-me {
    background: blue;
    height: 50px;
    position:fixed;
    bottom:0;
}

.content {
    height: 1000px;
}

请注意，如果您将固定的css属性添加到我的示例中标记为“.element”的元素中，那么它可能会有点搞砸。最好确保div“.element”实际上是您希望将固定css属性赋值给元素的包装器。

编辑*：抱歉误读了您的问题，当您滚动到该元素时，您认为它想要粘滞。我已经更新了上面的css以适合你和你的jsfiddle，请注意我设置为100％的“offset”，这意味着当它进入视口底部时会添加一个类：http://jsfiddle.net/MNa7n/2/

Jquery - 将div粘贴到页面底部

1 个答案: