我前段时间找到过,现在找不到了。我想找到像苹果商店里的购物车这样的东西,它是一个既不绝对也不固定的div,例如,假设它位于屏幕的中心,只有当你向下滚动时,它才会跟随滚动而不是消失,当它到达浏览器标题的边框时......
我不确定我是否清楚。我已经搜索过,但我发现的只是 css 位置固定的东西。
你能帮我提供一个链接什么的吗?
此致
应用商店使用以下 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/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)