【问题标题】:Chrome DevTools Mobile Emulation scroll not workingChrome DevTools 移动仿真滚动不起作用
【发布时间】:2014-05-08 11:58:36
【问题描述】:

使用 Google Chrome 的 DevTools Mobile Emulation,似乎触摸滚动不起作用。

查看此测试:http://codepen.io/dstj/pen/Datcw

滚动在 iPad 3 的 Safari 和 Android 4.2 的 Chrome 上都有效,但在带有触摸屏仿真的 Google DevTools 中无效。

我看到的另一个区别是滚动条出现在 DevTools 上,而不是平板电脑上......

有什么想法吗?

注意:使用 Chrome 版本 33.0.1750.154 m

【问题讨论】:

  • 水平滚动在设备模式下工作得很好。所以,不管它是什么,现在都修好了。
  • 我的网站上也发生了同样的事情,有时有效,有时无效。
  • Chrome 80.0.3987.132 还是有这个bug

标签: scroll google-chrome-devtools


【解决方案1】:

单击 f5 几次并禁用和启用重新采样输入事件。 这行得通

【讨论】:

    【解决方案2】:

    当它发生在我身上时,我关闭了标签并再次启动。它修复了它。

    【讨论】:

    • 简单有效。为我工作。
    • 我花了 2 个小时寻找解决方案,因为我确信问题出在我的代码中。你节省了我的时间!
    • 关闭选项卡并在另一个选项卡中打开它不起作用还是您的意思是整个 chrome 浏览器?
    • 呃,我觉得自己好蠢。解决办法就是这么简单>.
    • 我终于重新启动了我的浏览器,并认为这是他们最近在更新中破坏的东西。使用ctrl+shift+t 关闭并重新启动一个简单的选项卡对我来说非常有用,谢谢!
    【解决方案3】:

    我在 MacOS 上运行 Chrome 时遇到了类似的问题。如果您知道设备宽度,假设 iPad 的宽度为 768 像素,那么选择响应式并输入 768 像素而不是设备。之后你应该可以滚动了。

    【讨论】:

    • 这确实有效!烦人,但是如果您手动设置像素而不是选择设备,它会再次进入页面底部。非常感谢
    【解决方案4】:

    过去我发现触摸事件在 chrome 开发工具中很不稳定。关闭并再次打开“模拟触摸屏”通常可以解决我的问题。您发送的页面在移动仿真模式下的当前 chrome 上对我来说很好。

    【讨论】:

      猜你喜欢
      • 2014-12-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-08-24
      • 2017-07-10
      • 2013-03-27
      • 2018-02-19
      相关资源
      最近更新 更多