欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

请问各位高手,怎么设置,使得网页窗口中的一张图片一直在浏览器窗口的*,不管浏览器滚动条怎么拉动(也不管滚轮怎么滚动)_html/css_WEB-ITnose

程序员文章站 2022-06-08 08:22:46
...
html 怎么设置,使得网页窗口中的一张图片一直在浏览器窗口的*,不管浏览器滚动条怎么拉动(也不管滚轮怎么滚动)

回复讨论(解决方案)

绝对定位不行?

试试下面这段代码:

模拟position:fixed请问各位高手,怎么设置,使得网页窗口中的一张图片一直在浏览器窗口的*,不管浏览器滚动条怎么拉动(也不管滚轮怎么滚动)_html/css_WEB-ITnose

但是滚动鼠标滚轮的时候位置怎么变呢?

对不起,是我描述有误。
我想做的效果是随着鼠标滚轮滚动,图片有随着滚动条滑动的效果

滚动的什么效果?闪烁但是一直在原来的位置?
一直在浏览器的*,获得屏幕分辨率,把图片设置在*,然后position: fixed。

在我看来,要实现这个效果有几个方法(主要还是看浏览器支持)
最好的办法就是先居中对齐一下,然后用定位:CSS position: fixed;

如果浏览器不支持 就先用javascript定位 ,然后监听下拉条动作

将图片设为背景图片,然后设置background-attachment属性为fixed,代码如下: