我正试图在网上搜索这个,但我不确定该找到什么.我试图找出如何创建一个将被修复的div元素,或者当元素的TOP到达窗口浏览器视图的TOP时浮动.例如,如果一个元素位于页面的一半,当你继续向下滚动时,该元素将保持在即将消失的状态,然后它会希望保持在浏览器的顶部(已修复).
解决方法
我想我正在做类似于你想做的事情.尝试下面的代码,在通知div中放置你需要的任何东西,然后单独留下一个锚点.
<div id="notification-anchor"></div>
<div id="notification"></div>
<script type="text/javascript">
$(function() {
var a = function() {
var b = $(window).scrollTop();
var d = $("#notification-anchor").offset().top;
var c = $("#notification");
if (b > d) {
c.css({position:"fixed",top:"0px"})
} else {
c.css({position:"absolute",top:""})
}
};
$(window).scroll(a);a()
});
</script>
编辑：您应该注意,这需要您包含JQuery,如果这对您来说不明显.
