Chosen: FireFox 中的鼠标滚轮滚动抖动

创建于 2016-06-09  ·  7评论  ·  资料来源: harvesthq/chosen

如问题 #2543 中所述 - 在 Firefox 中使用鼠标滚轮时,滚动仍然非常生涩。

重现步骤

我使用了最新的 FF for Mac(当前版本 47.0)。 并且可以在Chosen 演示页面上确认该问题确实发生了。 使用滚动条滚动很好,但如果使用鼠标中心滚动则非常生涩。

环境

  • 选择版本:1.5.1
  • jQuery 或原型版本:jQuery 1.9.1,但我也使用最新的 jQuery 2.2.4 进行了测试并遇到了同样的问题。
  • 浏览器和版本:FireFox v47.0
  • 操作系统和版本:Mac OS X 10.10.5

    附加信息

通过添加wheel事件并更改所选javaScript代码中的以下几行,我能够在本地重现和修复问题:

this.search_results.bind('mousewheel.chosen DOMMouseScroll.chosen', function(evt) { _this.search_results_mousewheel(evt); });

this.search_results.bind('mousewheel.chosen DOMMouseScroll.chosen wheel.chosen', function(evt) { _this.search_results_mousewheel(evt); });

我从关于堆栈溢出的建议中得到了这个修复。 但是,我对它的了解还不够,无法作为补丁提供。 也许它会破坏另一个浏览器? 我不确定。 链接的答案还包括一些关于 MozMousePixelScroll 的信息,这也可能是一个正确的修复。

Firefox

最有用的评论

+1

最新在 Firefox 中遇到此问题,选择最新

所有7条评论

好的,我尝试在该行中使用MozMousePixelScroll.chosen而不是wheel.chosen ,但没有用。

在 Chrome 50 版和 Safari 9.1.1 版中留下wheel.chosen似乎可以正常工作

在 Chrome 上有这个问题,从 jQuery 2.2 升级到 3.1,它就消失了。

我不确定你说的生涩是什么意思,但我也看到了 Firefox 中选择演示页面的奇怪滚动行为(快速滚动)。

在 Firefox 中,在选择的演示页面和我自己的页面上有这个问题。 将wheel.chosen到绑定事件的原始建议修复对我有用。

在带有 jquery-mousewheel 的 Firefox 中遇到了这个问题,因为将事件类型从 DOMMouseScroll 重命名为 mousewheel,代码在
if (evt.type === 'DOMMouseScroll') {
不起作用
所以我们需要这样的东西:
if (evt.type === 'DOMMouseScroll' || (evt.type === 'mousewheel' && delta==3)) {

+1

最新在 Firefox 中遇到此问题,选择最新

我仍然可以在选择 1.8.7 的 5K iMac macOS 10.14.6 和 MacBook(无 Retina)上的最新 Firefox (72.0.1) 中确认错误,在使用 jQuery 3.2.1 的 Chosen 演示页面和我们的应用程序中使用 jQuery 1.12.4。

Wenn 滚动带有 optgroup 内容的下拉列表(在演示页面上,在我们的应用程序中的每个下拉列表中),FF 的滚动非常生涩,滚动期间 div “跳跃”。 如果您使用触控板或 MagicMouse,则效果最佳。

两个修复程序为该问题提供了一个有效的解决方案:
– 如上所述添加“wheel.chosen”-> 然后滚动变得平滑但在 FF 中非常慢
– 添加#2823 的“因子修复”(我们不使用 jquery 鼠标滚轮插件!)-> 滚动在 FF 和我们迄今为止测试过的所有其他浏览器中是可以的

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

greg0ire picture greg0ire  ·  38评论

gitmk picture gitmk  ·  47评论

ethaniel picture ethaniel  ·  128评论

pushinginertia picture pushinginertia  ·  80评论

silkfire picture silkfire  ·  53评论