如何通过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块始终保持在页面的固定位置,求列子
建议使用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始 ...
不用CSS是行不通的,js或jquery做出的效果,也是使用了css中的相关属性。只不过,使用js或jquery后可以增加更多效果

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

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

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

如何用JS让DIV固定在一个位置
貌似css可以;position:fixed;但是ie6不能识别这个属性;所以你还要写一个ie6的hack。网上搜一下‘ zyl860808 | 发布于2012-03-26 举报| 评论 0 0 绑定window.onscroll事件,取scrolltop进行复位计算,再通过设置CSS样式实现,过程还是比较复杂的,不建议自己写,网上有现成的,你搜JS对联广告就有了 往昔岁月稠...

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\\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=...

如何使用JS控制DIV内容的滚动条
1、首先需要新建一个HTML文档,这里设立一下基本的架构。2、再新建一个CSS文件,用link关联一下HTML文档。3、创建DIV标签,并且往里面填充内容。4、先设定一下滚动条内框的大小。5、用border先来查看是否有超出,这里可以看出超出了很多内容。6、overflow-y: scroll;overflow-x: scroll;加上这个样式...

相似回答