jquery - 滚动后面的 Div(不是位置 :fixed)

Question

我以前找到过，但现在找不到了。我想找到像苹果商店里的购物车这样的东西，它是一个既不绝对也不固定的div，例如，假设它位于屏幕的中心，只有当你向下滚动时，它才会跟随滚动而不是当它到达浏览器标题的边框时消失...

我不确定我是否清楚。我已经搜索过，但我发现的只是 css 位置固定的东西。

你能帮我提供一个链接吗？

最诚挚的问候

Answer 1

应用程序商店使用以下 CSS:

div.cto div.slider-content {
    height: 100%;
    overflow: visible;
    padding-bottom: 20px;
    position: absolute;
    right: 0;
    top: -10px;
    width: 169px;
}

div.cto div.pinned_top div#secondary {
    position:absolute;top:0;right:0;
}

div.cto div.floating div#secondary {
    position:fixed;top:0;
}

使用 JavaScript，当您向下滚动时，div 的类将从“pinned_top”更改为“floating”。

关于 JavaScript:

• 确定滚动的像素数:$('html').scrollTop()
• 监听滚动事件:http://api.jquery.com/scroll/