[代码] html屏幕移动div固定 不随滚动而动

[复制链接]
本站网友  发表于 2022-6-10 20:54 |阅读模式

让div不随屏幕滚动css

  1. div11 {
  2.        display: block;
  3.   position: fixed;
  4.   top: 33%;
  5.   margin-left: 750px;
  6.   width: 30px;
  7.   z-index: 9;
  8. }
复制代码

css代码含义

某元素给予class="rool"属性,这个属性中定义了几个参数,状态依次为:显示为块级元素、相对于浏览器窗口定位、距离浏览器顶部33%、左右没定义默认靠左、相对默认左边际向右平移750px、标签宽度15px、作用于第九层。

直观的效果是,某块向右平移后相对于浏览器顶部33%的位置固定不动,相对于其他div是浮动的效果。

常见应用场景:返回顶部或底部按钮浮动在一个固定位置、浮动窗口放置广告或其他展示信息

QQ|删帖注销|手机版|资源圈

GMT+8, 2024-4-25 02:38

Powered by Discuz!

© 20022-2026 Comsenz Inc.

快速回复 返回顶部 返回列表