Meteor.js和Chrome - 使用转换时的鼠标滚轮问题 - CSS

Question

使用transform:translate(...)我的App原型中有一个奇怪的错误。 鼠标滚轮在转换后的视图中无法正常工作：

---

http://foods.rk.meteor.com/

如果单击“Alle”类别，您将在列表中看到searchResults。 无法使用鼠标滚轮滚动。但是如果您调整浏览器大小或关注searchInput：一切正常。

如果您返回类别并调整浏览器大小或关注searchInput：鼠标滚轮不再起作用。

在IE11和Firefox中，一切都按照我想要的方式运行。 在Chrome版本41中，它不起作用

我试图在没有流星的情况下复制这个问题，但这对我来说是不可能的：

http://codepen.io/anon/pen/emwbjZ

---

你能确认一下这个问题吗？你知道一个解决方法吗？ 感谢

Answer 1

看起来你的可滚动css没有正确处理它。

修改您的'可滚动＆＃39; class并添加垂直滚动的功能。这并不是自然发生的，因为它不是顶级div：

.scrollable {
    overflow: scroll;
}

您当前的设置为auto