位置:固定 div 触摸区域在 chrome 移动设备上向下滚动时向上移动

时间:2021-04-29 12:27:33

标签: css google-chrome mobile

我有一个带有 id #sy-whatshelp 的 div,它具有属性 Position:fixed,因为我希望它固定在视口的右下角。 div 的 css 是

#sy-whatshelp {
    right: 15px;
    bottom: 15px;
    position: fixed;
    z-index: 9999;
}

问题是,在 Chrome 移动浏览器中快速向下滚动时,div 的触摸区域会向上移动,即使在视觉上 div 保持在我的 css 定义的正确位置。如何使 div 的触摸区域也像我的 css 定义的那样粘到正确的位置。

这是使用 adb 连接到 PC 的 chrome mobile dubugger 问题的视频链接。您可以看到标识 div 的突出显示部分在向下滚动时上升,但在视觉上它位于正确的位置。 https://imgur.com/a/yJBUMdR

我尝试了这个解决方案但无济于事 Position fixed on chrome mobile causing element to move on scroll up/down

0 个答案:

没有答案