怎么让div内的某个元素固定不随div的滚动条的滚动而滚动?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么让div内的某个元素固定不随div的滚动条的滚动而滚动?相关的知识,希望对你有一定的参考价值。

style="position:fixed;"

用这个属性,然後用top ,left,bottom,right 直接定位到div的裏面, 这样就是裏面的的元素但不会随著div的滚动而滚动

参考技术A 你的意思是要和百度里面的最上面的那个一样?永远停在上面的那种?是的话position:fixed 参考技术B 通过样式控制,position改为相对屏幕边界的,比如top:数字,上下就动不了拉, 参考技术C 父级元素用 position: relative; 子级元素用position: absolute;

如何让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; //数值大就在上面
希望对你有帮助。
参考技术A 用定位:

position: fixed;
top:50px;//调整位置
left:50px://调整位置

当然也可以是bottom或者right,一个横向一个纵向。

以上是关于怎么让div内的某个元素固定不随div的滚动条的滚动而滚动?的主要内容,如果未能解决你的问题,请参考以下文章

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

怎么用js固定某个元素,让它不随页面的滚动而滚动,始终固定在窗口的某个位置?

怎么让DIV标签固定在一个地方不随游览器的滚动而滚动???

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

CSS布局,子级DIV固定定位于父级DIV的右侧,不随浏览器的滚动而滚动

html 里面 div 滚动条保持在底部 及 div 位置固定。