请问各位高手,怎么设置,使得网页窗口中的一张图片一直在浏览器窗口的*,不管浏览器滚动条怎么拉动(也不管滚轮怎么滚动)_html/css_WEB-ITnose
程序员文章站
2022-06-08 08:22:46
...
html 怎么设置,使得网页窗口中的一张图片一直在浏览器窗口的*,不管浏览器滚动条怎么拉动(也不管滚轮怎么滚动)
回复讨论(解决方案)
绝对定位不行?
试试下面这段代码:
模拟position:fixed
但是滚动鼠标滚轮的时候位置怎么变呢?
对不起,是我描述有误。
我想做的效果是随着鼠标滚轮滚动,图片有随着滚动条滑动的效果
滚动的什么效果?闪烁但是一直在原来的位置?
一直在浏览器的*,获得屏幕分辨率,把图片设置在*,然后position: fixed。
在我看来,要实现这个效果有几个方法(主要还是看浏览器支持)
最好的办法就是先居中对齐一下,然后用定位:CSS position: fixed;
如果浏览器不支持 就先用javascript定位 ,然后监听下拉条动作
将图片设为背景图片,然后设置background-attachment属性为fixed,代码如下: