生活の知恵スライダー・カルーセルなどがホイールで操作されてしまうページやコンテンツ単位のジャンプに置き換えられてるページの方がまだ好感が持てる。いいかスクロール量と速度を中途半端に変えるな。説明しづらいんですが、ブラウザのホイール回転を勝手にスムーススクロールに置き換えてしまうWebサイトを時折見かけます。いって右クリック禁止並にダサくてユーザー体験を毀損していて友達に噂とかされると恥ずかしいサイトだと思っているのですが、不満に思う人が少ないのか、あるいは地味で説明しづらい事象なのをいいことに実装しているやからがいい気になっているのか、一向に消滅してくれません。自衛策いやだ、いやだと言っていても仕方ないので、ごく簡単なUserScriptをChrome版Tampermonkey向けに書きました。gist.github.com環境によってはrawがインストールのリンクになります。動作としては、window.addEventListenerとdocument.addEventListener、あとhtml要素のaddEventListenerをラップして、ホイールイベントにページ製作者独自のロジックを紐付けられないように選り分けます。このためページ製作者の意図しないホイールスクロールが発生しデザインや動作が崩れることがあります。ScrollifyやfullPage等のような画面単位のページングも機能しなくなるでしょう。html要素のoverflowプロパティをautoで上書きします(独自スクロールバーを併用している場合などで通常のスクロールが無効化されることがあるため)。このためページ製作者の意図しないスクロールバーが出現しデザインや動作が崩れることがあります。わたしの環境では現時点でコルクのブログで良好に、マンガ図書館Zでまれに失敗する程度の動作をします。これで対応できなかったり不具合の出る例も大量にあるでしょうから、もっといい拡張や参考資料があったら教えてください。いい拡張や参考資料があったら教えてください。(わりと切実なので2回書きました)余談ここで言っている独自実装のスムーススクロールとは、特に理由もなくユーザー標準のマウスホイールの動作を殺害し、手前勝手なスクロールの量と速度を押し付ける仕組みのことです。以下は批判の対象外だと思っています。今回はこれらの是非は問いません。勝手なスムーススクロール実装を嫌う理由は上の「手前勝手なスクロールの量と速度を押し付ける」でほとんど説明がつきます。わたしはWindows版Chromeのスムーススクロールをオフにしていますが、にも関わらず、無神経なWeb制作者たちはeaseScrollのようなプラグインを使ってわざわざ遅いスクロールを強要するわけです。クライアントから「Macみたいになるようにしてよ」とでも言われているのか?スムーススクロール自体を嫌っているわけではありません。この手のスクロールはPageUp/PageDownを置き換えているものも多くありますが、単発で大きく動くこれらのキーとの相性は悪くないと思えるし、あるいはブラウザ/OSなどで操作が一貫していればいいでしょう。私がChromeでオフにしているのは、単にある日突然スムーススクロールの中でもとりわけ出来の悪いものが載って耐えられなかったというだけの話です。一貫性を欠く、という話でもあります。工夫のないホイールの挙動*2なんてものを決めるのはWebサイト制作者ではなくユーザーの方です。ユーザーのスムーススクロールをノッチスクロールに変えるWebサイトがもし存在すれば、これも同等にクソです。W3Cのアクセシビリティガイドラインでも言われているでしょう。ウェブページの表示や挙動を予測可能にすること。2.0いや、これは少し強引でした。アクセシビリティガイドラインで言っているのは文書構成や入力フォームが主ですので違いますが、まあ考え方は似たようなものです。マウスはユーザーにとってキーボードと並んで主要な入力機器であり、その動作はなるべく予測可能とするのが望ましいでしょう。右クリックやステータスバーを阻害しないことが世間の常識になっていったように、ホイール回転のフックもある程度慎重に扱うべきだと個人的には思っています。ここでダサいということにしておかないとVAP公式サイトにおける右クリック禁止のようにバカがいつまでも変な所で残し続けるかもしれませんし。大上段からまとめると、勝手スムーススクロールからは「世間の皆が同じマシンを使っていないと分かった上でなお同じ使用感を強要する」というエゴイズムを感じますから、今どきそんなことやめてほしい、という話です。そのように思った発端であり、記事とUserScriptを書く原動力になったコルクのブログのコードを紹介して今回は終わりです。})();}Mac以外のChromeを狙い撃ちしてスムーススクロールを発生させます。余計なお世話だと思いませんか。*1:どこに飛ぶか分かりやすくなるので、ページ内リンクに適用する分にはそんなに嫌いじゃない。速度次第*2:勝手スムーススクロールがもたらすのはユーザーの使用感の変化であって、サイトに必要な機能では一切ありません。星を喰う者」良かったですね(?)。Futurefonをご存知でしょうか。Googleはてなブログをはじめよう!appalermさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。