Div将页面滚动到固定位置

Question

即使使用萤火虫,我也无法想象如何实现这一点:

查看页面左侧的社交div.它顺利地跟着你:他们使用哪种css定位？我只是读了一个绝对的位置,仅此而已.

Answer 1

这是一个jquery插件的演示,它可以解决这个问题.这个插件的根源在于Joe上面提到的优秀教程,但它使教程中提供的解决方案更进一步.

用法:

$(document).ready(function() {
    $('#cart').scrollToFixed();
});

Answer 2

此效果有两种相关样式：

.post-share-widget.floating {
    position: fixed;
    top: 68px;
}
.post-share-widget.pinnedTop {
    bottom: auto;
    position: absolute;
}

他们使用 JavaScript 滚动处理程序根据页面当前的滚动位置将小部件容器上的 className 设置为“floating”或“pinnedTop”。