Jquery-将div粘贴到页面底部

我发现了许多插件，它们允许我将导航粘贴到页面顶部，或将页脚粘贴到页面底部

但是，我在页面的中间有一个div，需要把它放在底部，直到用户滚动到它。

---

有这个插件吗？

有！您可以使用waypoints.js

然后你可以这样打电话：

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

请注意，如果您将fixed css属性添加到我的示例中标记为“.element”的元素中，那么它可能会有点出错。最好确保div“.element”实际上是要为其分配固定css属性的元素的包装器

---

编辑*：很抱歉误读了您的问题，当您滚动到元素时，认为您希望它具有粘性。我已经更新了上面的css以适合您和您的JSFIDLE，请注意我设置为100%的“偏移量”，这意味着当in进入视口底部时，它将添加一个类：

您可以更具体地说，我需要向元素添加什么样的css吗？嗯，这几乎可以。我为此创建了JSFIDLE。我需要有粘性显示在页面加载，一旦它出现在页面上，让它留在原来的地方（删除活动类，只要我滚动到它）谢谢！我遇到的最后一个问题是，我在页面上有一些手风琴，当我展开一些时，在我滚动到它之前，更改不会反映出来，粘性元素也会很快消失。。。有什么解决办法吗？当然，我很乐意提供帮助，如果您将我的答案标记为最佳答案，那么这可能会更好，因此这有点封闭&然后开始一个新问题并将我链接到它（使用另一个jsfiddle）。这是一个新主题：