html怎么让div随屏幕移动,css怎么让div固定 不随滚动而动

HTML前端css控制块元素相对浏览器顶部位置固定不动，对于平级并列及其他任意div是浮动的效果实现方法。橙色区域是平移的距离#roll {　　display: block;　　position: fixed;　　top: 33%;　　margin-left: 750px;　　width: 30px;　　z-index: 9;}

css代码含义

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

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

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

总结

position:fixed相对于浏览器窗口定位！元素位置不会随浏览器窗口的滚动条滚动而变化，只要定义display:block;position:fixed;top:33%;这三个参数，就知道它是距离浏览器顶部33%的浮动块，看到position:fixed也就基本判断是浮动块了。

左右平移设置一定要用margin-left:定义，不要用left:定义。前者是相对当前默认无定义的 left:0 位置做的平移效果，后者没这平移效果，只有仅平移处理后不论在多大的屏幕，位置都是固定不变的。