Chosen: Firefoxでマウスホイールがぎくしゃくしたスクロール

作成日 2016年06月09日  ·  7コメント  ·  ソース: harvesthq/chosen

問題#2543で報告されているように、Firefoxでマウスホイールを使用すると、スクロールが非常にぎくしゃくします。

再現する手順

Mac用の最新のFF(現在はバージョン47.0)を使用しました。 また、選択したデモページで問題が発生していることを確認でき

環境

  • 選択したバージョン:1.5.1
  • jQueryまたはプロトタイプバージョン:jQuery 1.9.1ですが、最新のjQuery 2.2.4でもテストしたところ、同じ問題が発生しました。
  • ブラウザとバージョン:FireFox v47.0
  • OSとバージョン:Mac OS X 10.10.5

    追加情報

ホイールイベントを追加し、選択した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件

OK、その行でwheel.chosen代わりにMozMousePixelScroll.chosenを使用しようとしましたが、機能しませんでした。

そこにwheel.chosenを残しておくと、Chromeバージョン50とSafariバージョン9.1.1で問題なく動作するように見えました。

Chromeでこの問題が発生し、jQuery 2.2から3.1にアップグレードすると、解消されました。

ぎくしゃくしたとはどういう意味かわかりませんが、FirefoxのChosenデモページ(高速スクロール)で奇妙なスクロール動作が見られます。

Firefox、選択したデモページ、および自分のページでこの問題が発生しました。 バインドイベントにwheel.chosenを追加するという最初の提案された修正は、私にとってはうまくいきました。

イベントタイプの名前をDOMMouseScrollからmousewheelに変更したため、Firefoxでjquery-mousewheelを使用してこの問題が発生しました。
if (evt.type === 'DOMMouseScroll') {
動作しません
したがって、次のようなものが必要です。
if (evt.type === 'DOMMouseScroll' || (evt.type === 'mousewheel' && delta==3)) {

+1

最新のFirefoxでこの問題が発生し、最新のものが選択されました

5K iMac macOS 10.14.6およびMacBook(網膜なし)の最新のFirefox(72.0.1)、1.8.7を選択、jQuery 3.2.1を使用した選択したデモページ、およびアプリケーションでバグを確認できます。 jQuery1.12.4で。

optgroupコンテンツを含むドロップダウンをスクロールすると(デモページでは、アプリケーションではすべてのドロップダウン)、FFのスクロールは非常にぎくしゃくし、スクロール中にdivが「ジャンプ」します。 トラックパッドまたはMagicMouseを使用すると、最もよく見えます。

2つの修正により、問題の実用的な解決策が得られます。
–上記のように「wheel.chosen」を追加します->すると、スクロールはスムーズになりますが、FFでは非常に遅くなります
–#2823の「ファクター修正」を追加します(jqueryマウスホイールプラグインは使用しません!)-> FFおよびこれまでにテストした他のすべてのブラウザーでは、スクロールは問題ありません。

このページは役に立ちましたか?
0 / 5 - 0 評価