跟随滚动的Div(不是位置:固定)

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/