最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 15:46:02
文档

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

请问各位高手,怎么设置,使得网页窗口中的一张图片一直在浏览器窗口的,不管浏览器滚动条怎么拉动(也不管滚轮怎么滚动)_html/css_WEB-ITnose:html 怎么设置,使得网页窗口中的一张图片一直在浏览器窗口的,不管浏览器滚动条怎么拉动(也不管滚轮怎么滚动) 回复讨论(解决方案) 绝对定位不行? 试试下面这段代码: 模拟position:fixed* { padding:0; margin:0;}body
推荐度:
导读请问各位高手,怎么设置,使得网页窗口中的一张图片一直在浏览器窗口的,不管浏览器滚动条怎么拉动(也不管滚轮怎么滚动)_html/css_WEB-ITnose:html 怎么设置,使得网页窗口中的一张图片一直在浏览器窗口的,不管浏览器滚动条怎么拉动(也不管滚轮怎么滚动) 回复讨论(解决方案) 绝对定位不行? 试试下面这段代码: 模拟position:fixed* { padding:0; margin:0;}body
 html

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


回复讨论(解决方案)

绝对定位不行?

试试下面这段代码:

模拟position:fixed 

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

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

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

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

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

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

     

文档

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

请问各位高手,怎么设置,使得网页窗口中的一张图片一直在浏览器窗口的,不管浏览器滚动条怎么拉动(也不管滚轮怎么滚动)_html/css_WEB-ITnose:html 怎么设置,使得网页窗口中的一张图片一直在浏览器窗口的,不管浏览器滚动条怎么拉动(也不管滚轮怎么滚动) 回复讨论(解决方案) 绝对定位不行? 试试下面这段代码: 模拟position:fixed* { padding:0; margin:0;}body
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top