已解决
xiaomengxiang
小梦想
新手小白
新手小白
时间： 2025-06-18
频道： 前端开发

WordPress做的网站网页底部在苹果手机15promax和x上滑动时有很大的间隙

0

我有一个网页在底部我设置了一个浮动的广告条，在PC和其他移动端都没有问题，但是只有在苹果手机的15promax和x机型上当我滑动的时候会出现很大的间隙，但是我广告条的样式确实使用了fixed，以及bottom:0px这样的样式定义了啊，谁帮我出出主意呢，问题图下图所示：

2
24 次
分享：
加入收藏

2 个回答

最佳
超哥
超哥
行业大佬
行业大佬
时间： 2025年06月18日

你可以给你的body还有html增加样式

overscroll-behavior-y: none; /* 防止 iOS 回弹让 fixed 失效 */
  -webkit-overflow-scrolling: touch;

然后给你的底部广告条增加样式：

transform: translateZ(0);
  will-change: transform;

亲测完美解决！

0
    xiaomengxiang
    小梦想
    新手小白
    新手小白
    时间： 2025年06月18日

    @超哥 太感谢超哥了，真的是完美解决，厉害！

    0