如何让DIV固定在页面而不随着滚动条随意滚动

如题所述

你可以对div设置css属性,相对于页面定位:
position:fixed;
position属性再搭配top、bottom、right、left确定div位于页面的具体位置,比如:
top:10px; right:20px;
另外,因为div是相对与页面定位,在滚动条滚动时,其他的html元素可能因为在它之上而将它遮挡上(如果你的这个div先写的,后又写很多div什么的,就可能将它压载下面看不到了),如果希望这个div一直保持可见(也就是在最上层),可以再设置属性z-index:
z-index:999; //数值大就在上面
希望对你有帮助。
温馨提示:内容为网友见解,仅供参考
第1个回答  2017-03-27
用定位:
{
position: fixed;
top:50px;//调整位置
left:50px://调整位置
}
当然也可以是bottom或者right,一个横向一个纵向。

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

如何让div滚动时页面不跟着滚动?
滚动条是容器所固有的,不管是外面的滚动条,还是里面的滚动条,只要让固定的div和body或者html容器脱离关系,即可实现DIV固定在页面而不随着滚动条随意滚动。1.html,body,将默认出现的滚动条,完全地隐藏,这样不管什么内容都不会出现了。2.virtual_body,写一个假的body,设置它的长宽为100%,这样利...

怎么让DIV固定在页面的某个位置而不随着滚动条随意滚动?
1、html,body:将默认可能会随机出现的滚动条,完全地隐藏了,这样不管您放了啥内容,它们都不会出来了。2、.virtual_body:顾名思义,就是一个假的body了,它被设置为长宽都为100%的,意思就是它利用了所有可视的浏览器窗体显示所有的内容,并垂直允许出现滚动条。3、.fixed_div:这下它可以利用...

js或者jquery实现div不随滚动条滚动
试试这样的吧<body><div id="box" style="height:2000px;width:3000px;"><div id="div1" style="width:500px;height:500px;background:green;position:absolute;"> <div id="div2" style="width:200px;height:100px;background:lightblue;position:fixed;">里面的div<\/div><\/div><\/div...

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

如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
设置div为固定位置。如:1 <div style="width:100px; height:100px; border:1px solid red; position:fixed; left:300px; top:300px;"><\/div> 这样就会固定在left:300px;top:300px;的位置,不会随着滚动条的滚动而滚动

如何让DIV固定在页面而不随着滚动条随意滚动
首先建一个DIV,起个id叫nav,然后把下面这段代码写进style标签里,里面具体的宽高,位置还有背景颜色你自己改一下就行 nav { width: 150px; height: 300px; position: fixed; right: 0; top: 20%; background-color: #f7f7f7;} ...

如何让DIV固定在页面而不随着滚动条随意滚动
添加css style="position:fixed"

网页设计如何设置网页部分内容不随着滚动条而移动移动?
在IE6中是不能直接使用 position:fixed; 。你需要一些 CSS Hack 来解决它 相同的还是让 <div id="top">...<\/div> 元素固定在浏览器的底部和距离右边的20个像素,这次的代码是:#top{ position:fixed;bottom:0;right:20px;_position:absolute;_top:expression(eval(document.documentElement.scroll...

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

相似回答