如何用JS让DIV固定在一个位置

例如我有两个高为2568PX像素的DIV框在两边，我想等用户下拉网页的时候到了这个DIV的底部时，DIV会随着页面拉动一直移动下去，是要到达底部的时候才固定显示

推荐答案 2015-08-15

<body>
<div id="div1" style="width:100px; height:100px; background:#ccc";></div>
</body>
<script>
var oDiv = document.getElementById('div1');
oDiv.style.position = 'fixed';
oDiv.style.top = '20px';
oDiv.style.left = '20px';
</script>
ä¸»è¦ææ³å°±æ¯ï¼å¨jsä¸ä¿®æ¹divçä½ç½®ãææçèµå¼ï¼é½å¯ä»¥è®¡ç®ååä¼ å¼ï¼è¿æ ·å°±ä¸æ³CSSä¸åªè½åä¸ä¸ªå¼äºã

温馨提示：答案为网友推荐，仅供参考

当前网址：http://99.wendadaohang.com/zd/zj7vBWjeX.html

其他回答

第1个回答 2012-03-17

绑定window.onscroll事件，取scrolltop进行复位计算，再通过设置CSS样式实现，过程还是比较复杂的，不建议自己写，网上有现成的，你搜JS对联广告就有了

第2个回答 2012-03-26

貌似css可以；position：fixed；但是ie6不能识别这个属性；所以你还要写一个ie
6的hack。网上搜一下‘

相似回答

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

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怎么吧一个div的位置定位在一个按钮旁,按钮位置不固定答：如果是用JS生成的，那我们只能通过js去遍历DOM，把你要的<div>加进去，如果你是用.net的话，用ＣＳＳ就行了。追问：晕!你根本没懂我说的什么意思!我的按钮又不是定死位置的!是随机出现位置!跟你js怎么遍历有关系么!而我的div只有一个要跟着按钮随机的位置出来! 回答：或者直接在后台.net，...

如何用JS让DIV固定在一个位置答：#ccc";></div></body><script>var oDiv = document.getElementById('div1');oDiv.style.position = 'fixed';oDiv.style.top = '20px';oDiv.style.left = '20px';</script>主要思想就是，在js中修改div的位置。所有的赋值，都可以计算后再传值，这样就不想CSS中只能写一个值了。

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

如何用js设置div里内容的位置答：1、获取到需要修改样式的元素；2、设置调整。修改的示例代码如下：var div1 = document.getElementById('baiduSearch')；div1.style.marginTop = '225px';通常position的属性没有设置或设了默认值absolute，所以使用的都是静态属性，这样就可以直接通过给位置属性数值来更改元素位置。在js调用时，含‘-...

求助:如果使用js\jq 控制一个div 当滚动到页面顶部的时候固定在顶部,离 ...答：1、新建html文档。2、书写hmtl代码<div class="box"> <div class="main"></div><div class="sub"><div class="sub01"></div><div class="sub01"></div><div class="fixed">我是固定的哟</div></div></div>。3、书写css代码。<style type=...

div如何定位div里面的div如何定位答：1，可以通过定位实现。2，p是html中的一个元素，想要把p固定在某个位置可以使用css样式设置属性来实现；position：absolute（绝对定位）、relative（相对定位）fixed（固定定位）然后再配合left、right、top、bottom等属性就可以实现把p固定在html中的任何位置；HTML如何让p或者表格准确的定位，比如放在屏幕的...

怎么让js代码只作用在指定的范围(比如指定的div)答：<script> window.onload = function(){ var demo = document.getElementById("id_div");//这个demo就代表该div的作用域；demo.style.height = "50px";demo.style.width = "50px";demo.style.background = "red";};</script> <body> <div></div> <div id = "id_div"><div> </...

大家正在搜

如何让门固定一个位置怎么能让定位停留在一个位置让手机在一个位置定位如何让手机定位到指定位置怎样让手机定位锁定一个位置如何让手机位置固定如何让我的iphone位置固定怎样可以让文件固定在桌面某个位置如何让苹果定位固定