怎么让DIV固定在页面的某个位置而不随着滚动条随意滚动

如题所述

吧一个内容固定到某一个位置 ,相对与浏览器窗口进行定位就可以了。
定位 position 通常有 absolute 绝对定位,relative 相对定位,这个都是相对于body里面的块元素来说的,但是如果说想要吧某一个内容就国定在某一个位置,无论滚动条滑到哪里,他依然在浏览器窗口这个位置,就需要用到fixed了 。
fixed 元素框的表现类似于将 position 设置为 absolute,不过其包含块是视窗本身。同意具有 left 、 top、right、bottom 的值 他的用法和 absolute 类似
详情可以参考一下 W3C 里面的 解释。
温馨提示:内容为网友见解,仅供参考
第1个回答  2016-11-21

设置div为固定位置。如:

<div style="width:100px; height:100px; border:1px solid red; position:fixed; left:300px; top:300px;"></div>

这样就会固定在left:300px;top:300px;的位置,不会随着滚动条的滚动而滚动

本回答被提问者采纳

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

如何让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%,这样利...

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为固定位置。如:1 <div style="width:100px; height:100px; border:1px solid red; position:fixed; left:300px; top:300px;"><\/div> 这样就会固定在left:300px;top:300px;的位置,不会随着滚动条的滚动而滚动

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

网页设计如何设置网页部分内容不随着滚动条而移动移动?
我们平时所说的固定定位指的就是fixed,设置了固定定位的元素不会随滚动条上下滚动。二、一般的 position:fixed; 实现方法 top{position:fixed;bottom:0;right:20px} 实现了id为top的元素固定在浏览器的底部和距离右边20个像素的位置 top{position:fixed;top:20px;right:20px} 实现了id为top的元素...

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

如何把DIV固定在浏览器中的某个位置,
你要的是固定定位效果吧,不用javascript就可以做到;下面这个例子效果是水平垂直居中页面,并且不随着滚动条变化而改变位置; position:fixed固定定位但IE6不兼容所以用了个hack;你看看下面的例子就明白了;<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/...

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

相似回答