html 网站背景图片高度滚动问题

8aqjt8rx  于 2022-12-09  发布在  其他
关注(0)|答案(1)|浏览(111)

我有一个很大的“img”背景图片,放在“Figure”标签中作为网站的主要背景。我将最大宽度设置为100%,高度也设置为100%。
当我开始从页面的顶部滚动到底部时。
当我到达图像的开始/顶部时,滚动停止,然后我需要再次滚动才能到达页面的底部。与我从下向上滚动时相同。触摸板滚动和键盘上下箭头上会出现此问题。
我注意到,无论是从上到下还是从下到上滚动图像,垂直滚动条都不会移动;当我必须再次向上或向下滚动网站时,它就开始移动。
但是,以下步骤已完成。
1.当我在CSS文件中将img的“高度”降低到“86%”以下时,滚动工作很顺利。然而,“86% - 100%”问题就从那里开始了。
1.我尝试使用“img”标记,然后将其替换为“Background-Image:url()”属性。与步骤1相同的问题。
1.我试着缩小(压缩)图像大小。第一步也有同样的问题。
1.我使用了不同值的“背景大小”(包含,覆盖,自动)。同样的问题与第一步。
1.我使用了“背景-附件:滚动;”与第一步相同的问题。
更新:我在图像下添加了带有大量lorem文本的“P”,这样我就可以足够滚动,滚动问题得到了解决,即使图像的高度是“高度:100%",无论是“img标签”还是“背景图像:网址()”

因此,主要问题是高度,但我需要的图像是“100%”不低于“86%"。

有什么建议吗?
第一个

nhhxz33t

nhhxz33t1#

我试着重现你的问题,我实在看不出问题出在哪里。
我发现的唯一一件事是,在主要关闭之前,该部分的上部并不关闭。
第一个
我在这个片段上没有滚动的问题。你有吗?

相关问题