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

如题所述

第1个回答  2013-07-18
position:fixed; top:0px; left:0px; right:0px;height: 40px;
position:fixed;是指定位相对于浏览器窗口, top:0px; left:0px; right:0px,
这样的话,DIV就会固定在页面顶部,宽度等于浏览器窗口的宽度,高度自定义。
第2个回答  推荐于2017-05-21
你要把这个div设置一个css属性position,这个属性要在这个样式中写再次,且这再次的值分别为:absolute和fixed,比如你这个div的样式名为div1,你就这样写:
<style>
.div1{position:absolute; position:fixed;}
</style>
其他属性随便你自己设置。来自:求助得到的回答
第2个回答  推荐于2017-05-21
你是要类似于页面广告那种吗
下面的代码可以实现, 一直右下角显示
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写的测试通过.
第3个回答  2013-02-01
通过css定位,来设置div在页面滚动中固定不动,
CSS position定位属性
static 元素框正常生产relative 相对定位: 相对于正常定位进行偏移
absolute 绝对定位: 相对于其包含块定位.
因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其它元素。可以通过设置 z-index 属性来控制这些框的堆放次序。

fixed 固定定位: 相对于视窗本身定位,
元素框的表现,类似于将 position 设置为 absolute,不过其包含块是视窗本身。
第4个回答  2013-02-01
css 就可以了 position:fixed

设置div滚动条滚动到指定位置?
js设置div滚动到固定位置可以设置div的scrollTop值。div当中有滚动的时候,设置scrollTop可以滚动到指定的滚动顶部位置。如果需要动画,可以使用css3的过渡或者动画函数,jquery可以用animate函数。动态页面的操作(滚动屏幕到指定元素位置)和DIV滚动条滚动#第一种方法:focus(这个是元素正好在屏幕中间)targetE...

如何通过js让div在页面滚动中固定不动
position:fixed; top:0px; left:0px; right:0px;height: 40px;position:fixed;是指定位相对于浏览器窗口, top:0px; left:0px; right:0px,这样的话,DIV就会固定在页面顶部,宽度等于浏览器窗口的宽度,高度自定义。

js怎么让一个div块始终保持在页面的固定位置,求列子
建议使用css实现,效果更佳,使用position: fixed,固定定位,具体位置的调整是用top、left、right、bottom也可以使用margin调整 css实现代码 <div style="position: fixed;top:100px; left: auto; right: auto; bottom: auto; " ><\/div>一般的网站的浮动广告以及浮动菜单等可以使用fixed来实现,js...

js或者jquery实现div不随滚动条滚动
\/\/父div的下边界window.onscroll = function(){ var c_div = document.getElementById("div2"

js如何在滑动条下拉的时候固定住一行不动
很多时候,需要对div进行固定,比如在线咨询模块,这就需要固定div在显示页面的位置,而不能随滚动条滚动。思路:将需要固定的div做成悬浮框,目的是能和别的div块重合,然后当触发滚动条事件,动态改变div坐标。代码:jsp中:<body> <div style="position: absolute;z-index:90" id="div1">我不动<...

JS或者jquery做 一个div不随滚动条上下移动改变位置的效果,就是div始 ...
不用CSS是行不通的,js或jquery做出的效果,也是使用了css中的相关属性。只不过,使用js或jquery后可以增加更多效果

js如何控制整个页面滚动条的位置
有两种方法。1、通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。示例:<body> \/\/d1是外层div,带滚动条 <div id='d1' style='height:200px;width:100px;overflow:auto;background:blue;'> <div style='height:500px;width:500px;background:yellow'>2222<...

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

怎么控制div随滚动条滚动js
第一种、滚动条滚动一定高度div也移动一定高度 及首先获取滚动条滚动的值即 oScroll = document.documentElement.scrollTop||document.body.scrollTop;然后把这个值赋值给div的top值 还有一种就是固定定位position:fixed; 始终固定在浏览器窗口的某一位置,不管浏览器滚动条怎么滚动他还是处于浏览器窗口(...

如何用js实现网页下拉时,某div到浏览器的头部,该div置顶不动,如这个网...
具体方法是,① 用 javascript 绑定 window 的 onscroll 事件,判断是否到特定高度,然后给特定元素增添一个 class;否则将 class 去除,例子:window.onscroll = function(){ var element = document.getElementById('element'), top = 100, cln = "fixed-nav"; if( document.document...

相似回答