如何通过js让div在页面滚动中固定不动

2024-10-31 18:29:10

推荐回答（5个）

回答（1）：

position:fixed; top:0px; left:0px; right:0px;height: 40px;
position:fixed;是指定位相对于浏览器窗口， top:0px; left:0px; right:0px,
这样的话，DIV就会固定在页面顶部，宽度等于浏览器窗口的宽度，高度自定义。

回答（2）：

你要把这个div设置一个css属性position，这个属性要在这个样式中写再次，且这再次的值分别为：absolute和fixed，比如你这个div的样式名为div1，你就这样写：

其他属性随便你自己设置。

回答（3）：

你是要类似于页面广告那种吗
下面的代码可以实现, 一直右下角显示
css:
.ad{
position:absolute;
right:0;
}

js:

function rightBottomAd() {
var rbtb = $(".ad");
rbtb.css("top", $(document).scrollTop() + $(window).height() - rbtb.height() - 20 + "px");
setTimeout(rightBottomAd, 50);
}
rightBottomAd();

jquery写的测试通过.

回答（4）：

通过css定位,来设置div在页面滚动中固定不动,
CSS position定位属性
static 元素框正常生产relative 相对定位: 相对于正常定位进行偏移
absolute 绝对定位: 相对于其包含块定位.
因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其它元素。可以通过设置 z-index 属性来控制这些框的堆放次序。

fixed 固定定位: 相对于视窗本身定位,
元素框的表现,类似于将 position 设置为 absolute，不过其包含块是视窗本身。

回答（5）：

css 就可以了 position:fixed