我在使用 Firefox 时遇到问题。准确地说,在响应模式和 Firefox Mobile 中。 触摸滚动在我的网站上不起作用。 (但是鼠标滚动是在响应模式下工作的)
它在 Chrome 移动版和 Safari 移动版上运行良好。
我上网查了一下,我已经尝试将dom.w3c_touch_events.enabled
设置为1。实际上默认设置为1。
我认为这是 JS/CSS 方面的问题,但我看不出问题出在哪里。
我使用 SASS 和 Pleeease 来编译它,它是一个使用 webpack 编译的 React 应用程序。
另外,我使用 fetch
方法来调用我的网络服务(如果它有任何影响的话),但我对此表示怀疑。 (并为其提供一个填充)
我尝试彻底摧毁我的 CSS,但仍然不起作用。
如果人们想了解实际问题,很乐意分享 URL。我只是不想被视为垃圾邮件。另外,我将共享一台测试服务器,而不是实时服务器。 (无论如何,问题都是一样的)
最佳答案
找到(愚蠢的)解决方案并将其发布,因为它可能对某人有帮助。
我在我的 SASS 中错误地将 overflow:hidden;
添加到了 html, body {
中。
由于某种原因,Firefox 中的响应模式仍然无法工作(bug?缓存?我不知道......)。但当我在我的 Firefox 手机上再次尝试时,它就消失了。
看起来 Chrome 和 Safari 会忽略此 CSS,但 Firefox 不会。
郑重声明,我在所有浏览器上使用的是最新版本。
关于javascript - Firefox 触摸滚动不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38092972/