css设置div 层如何实现随着滚动条移动而移动

如题所述

第1个回答  推荐于2016-07-19
<HTML>
<HEAD>
<TITLE>测试表格内的滚动条</TITLE>
</HEAD>
<BODY>
<table>
<tr>
<td>表格内的滚动条:</td>
<td>
<div id="wins"
style="position:absolute;height:200;width:200;overflow:auto;background:#EEEEEE;">
<p>pppppppppppppppppppppppppppppppppppppppppppppppppp </p>
<p>pppppppppppppppppppppppppppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
</div>
</td>
</tr>
<tr>
<td colspan="2" align="right">
<span onmouseover='scrollb=setInterval("wins.scrollLeft-=10",100)'
onmouseout=clearInterval(scrollb)>向左</span>
<span onmouseover='scrollb=setInterval("wins.scrollTop-=10",100)'
onmouseout=clearInterval(scrollb)>向上</span>
<span onmouseover='scrollb=setInterval("wins.scrollLeft+=10",100)'
onmouseout=clearInterval(scrollb)>向右</span>
<span onmouseover='scrollb=setInterval("wins.scrollTop+=10",100)'
onmouseout=clearInterval(scrollb)>向下</span>
</td>
</tr>
</table>
</BODY>
</HTML>
第2个回答  推荐于2016-04-01
position:fixed 用这个可以,但是ie6不支持,你搜一下解决方法就可以了本回答被提问者采纳

css如何实现div随滚动条移动css左右滚动条
1。在头部定义一个div,固定高度,设置绝对位置(position:absolute),设置上边距(top:0);2.在底部定义一个div,固定高度,设置绝对位置(position:absolute),设置下边距(bottom:0);3.在中间定义一个div并自动设置滚动条(溢出:auto);设置绝对定位(position:absolute),设置top和bottom,top的值等于头d...

设置div滚动条滚动到指定位置?
3、如果是想有动画,那可以用jquery的animate函数,设置scrollTop属性,设置时间就好了 html里面div滚动条保持在底部及div位置固定。1、新建一个html文件,命名为test.html。2、在test.html文件内,使用div标签创建一个模块,用于测试。3、在test.html文件内,给div添加一个class属性,用于设置其样式。4、...

怎么让DIV漂浮 随着拖动窗口而跟着窗口走
层位于右侧 position:absolute; right:20px; top:20px;这样是相对固定的。z-index:100px;层级于上层。JS jquery 调用,随鼠标移动,层跟着移动。("#rel_div").css("top", $(document).scrollTop()+20 );\/\/将滚动条高度赋给悬浮框。

我有一个大div,里面有很多个小div,大div设置了滚动条,我想第一个小div...
设置滚动条的话只要是div内部的内容都会随着滚动条而移动;所以你想内容不受影响,那么就让它不要在div里面不就行了?比如设置绝对定位让div移动到位置,又或者是这个小div本来是与大div是同级的,你设置负值的外边距margin-bottom:-30px;就可以移动到下面去 ...

html js 或者css怎么做到隐藏滚动条,但是依旧可以滚动?
一、文字溢出,就让文字自动换行,代码如下:二、隐藏内层DIV的宽度

cssscroll?
首先,打开html编辑器,新建一个html文件,例如:index.html。在index.html中的标签中,输入样式代码:style=overflow-x:scroll;。浏览器运行index.html页面,此时html会有横线滚动条,并且隐藏了纵向滚动条。css可以通过为网页元素设置滚动条样式使网页元素的内容实现滚动。横向滚动条控制:在内容div或者...

js 网页代码 div随滚动条 移动到浏览器顶部 固定的问题
height:1500px;">空div<\/div> <div class="nb2" style="height:100px;width:100px;background:gray;">移动到底部固定不变<\/div> <\/body> \/\/js$(function(){ \/\/获取要定位元素距离浏览器顶部的距离 var navH = $(".nb").offset().top; var navH2 = $("...

如何让DIV固定在页面而不随着滚动条随意滚动
1、首先我们新建一个web项目,主要用到了html文件和css文件。2、然后在html文件中,有图中的代码,引入css文件和设置一个div标签。3、然后这里是css样式文件,主要看图中红框中内容,使用fixed定位方式。4、然后运行项目后,可以看到div在右下角。5、然后滑动滚动条,即使到达底部后,div的位置依旧没有...

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

如何让DIV固定在页面而不随着滚动条随意滚动
你可以对div设置css属性,相对于页面定位:position:fixed;position属性再搭配top、bottom、right、left确定div位于页面的具体位置,比如:top:10px; right:20px;另外,因为div是相对与页面定位,在滚动条滚动时,其他的html元素可能因为在它之上而将它遮挡上(如果你的这个div先写的,后又写很多div什么...

相似回答