logo标签列表

Chrome DevTools 移动设备模拟中的滚动无法使用

scrollgoogle-chrome-devtools
73
使用 Google Chrome 的开发者工具移动模拟时，似乎触摸滚动不起作用。
查看此测试：http://codepen.io/dstj/pen/Datcw 在 iPad 3 的 Safari 和 Android 4.2 的 Chrome 上都可以滚动，但在启用触摸屏模拟的 Google DevTools 中无法滚动。
我看到的另一个区别是 DevTools 上出现滚动条，而平板电脑上没有...
有什么想法吗？
注意：使用 Chrome 版本 33.0.1750.154 m。
水平滚动在设备模式下运行良好。所以，无论它是什么问题，现在都已经解决了。 - Konrad Dzwinel
1
在我的网站上也发生同样的事情，有时它能够工作，有时却不能。 - Gabriel Pita
仍然存在这个 bug Chrome 80.0.3987.132。 - gr8
有没有一个Chromium的bug可以提供给我的团队参考？ - Jason Hocker
4个回答
151

当这种情况发生在我身上时，我关闭了选项卡并重新打开，这样问题就得到解决了。

10
简单而有效。适合我使用。 - Gkiokan
10
我花了2个小时寻找解决方案，因为我确信问题出在我的代码里。你帮我节省了时间！ - Danylkaaa
对我来说，按 F5 键刷新就可以了，我不必关闭/打开选项卡/浏览器。每次切换到移动视图时，我都必须这样做。 - A_L
1
我刚刚重新启动了浏览器，一开始我以为是最近更新时出了问题。但只需简单地使用 ctrl+shift+t 关闭并重新启动标签页，就解决了我的问题。谢谢！ - CTS_AE
这不是一个好的长期解决方案。如果在开发过程中这种情况一直发生，而我们又不想浪费时间关闭标签页，那该怎么办呢？ - undefined
显示剩余8条评论
11

在 MacOS 上运行 Chrome 时，我遇到过类似的问题。如果您知道设备的宽度，比如 iPad 的宽度为 768 像素，则可以选择响应式并输入宽度为 768px。之后您就可以滚动了。

这真的有效！虽然有点烦人，但如果您手动设置像素而不是选择设备，它会再次回到页面底部。非常感谢。 - AlphaX
值得注意的是，在响应模式下，如果您将高度留空，则可以放大并仍然能够滚动。如果您将其保留在特定设备上并放大，则无法滚动到屏幕底部。很明显，他们通过将设备高度与视口高度绑定来实现设备高度。它们不能独立控制。但请注意，这样做时，页面将不再以设备高度呈现。 - devios1
3

过去我发现chrome开发工具中的触摸事件很不可靠。关闭并重新打开“模拟触摸屏”通常可以为我解决问题。在移动仿真模式下，您发送的页面在我的当前版本chrome上运行良好。

-2

点击F5几次并禁用和启用重新采样输入事件。这样可以解决问题。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接