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

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

时间:2021-07-01 10:21:17 帮助过:6人阅读

html

怎么设置,使得网页窗口中的一张图片一直在浏览器窗口的中央,不管浏览器滚动条怎么拉动(也不管滚轮怎么滚动)


回复讨论(解决方案)

绝对定位不行?

试试下面这段代码:

模拟position:fixedshn11160

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

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

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

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

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

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

                            

人气教程排行