javascript - Firefox 触摸滚动不起作用

标签 javascript html css firefox mobile

我在使用 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/

相关文章:

javascript - 在 ASP.Net 中使用 AJAX PageMethods 从数据库中进行 JQuery AutoComplete TextBox 无法在 Internet Explorer 中工作

javascript - div在无限循环jquery中只翻转一次

css - 纯 CSS 三 Angular 形在 Firefox 中看起来很模糊

javascript - Highcharts ,按钮文本未定义

javascript - PHP - 访问控制允许来源不工作

javascript - jQuery/JS/etc 菜单生成器

javascript - 关于鼠标悬停弹出效果的 Bootstrap 工具提示

html - 我可以更改 :after/before pseudo-elements? 中定义的内容字符串的高度吗

javascript - 隐藏后续 DOM 元素时显示 "N elements hidden"

css - 你能设计谷歌翻译插件吗?