javascript - 固定 float 侧边栏

Question

我正在寻找创建一个固定侧边栏，与苹果的(就功能而言)非常相似。当您在他们的商店中配置您的 Mac 时，当您向下滚动页面时，右侧的购物篮会固定位置； 完美。

position:fixed 是相对于视口(viewport)的，而不是它的父容器，那么在后台运行什么样的脚本来完美定位侧边栏？

(强调完美)。 http://store.apple.com/uk/buy-mac/mac-pro?product=ME253B/A&step=config#

Answer 1

这是使用position:sticky完成的。

.slider-content #secondary.sticky {
位置:-moz-粘性；
位置:-ms-粘性；
位置:-o-粘性；
位置:粘性；
顶部:10 像素；
z 索引:1；
底部边距:0；
}

您可以阅读更多相关信息here