Can I use…

真っ赤だ…

↑のスクショは「Can I use…」っていう、使いたいHTMLとかCSSとかJSとかが各ブラウザに対応してるか調べてくれるハチャメチャ便利サイトを撮ったものです。
マウスドラッグでスクロールさせる処理がEdgeで動かなかったので調べてみたら、この有様だった…(赤いのは非対応ブラウザ)
ちなみにscrollByは指定した数値分、相対位置にスクロールを動かせるやつ。
IEとEdgeが最新付近でも対応してないのは痛いのでこれを使うのは諦めました。

慣性スクロールも自作するにはあまりにも意味不明だし
なんかjQueryでいいのないかな~…?って探してたら普通にあった。

jQuery.kinetic」っていうドンピシャなのが……!

 

こここここ、これだァーーーーー!!!!!制作者様ありがとうございまーーーす!!!!

ズーム後の慣性スクロール完成しました!(…)

ちゃんとIE系でも動かせる!
ただrtlの影響でEdgeではドラッグ動作が真逆になっちゃってたけど、もうそこは仕様として諦めます仕方ない。
動かないよりはマシだもんね。rtl起点問題本当に厄介だなこれ~…

あとは最終ページでズーム移動するとドラッグの仕方によってはこうなっちゃうのはどうしよう。
↑はfirefoxのスクショ。
一応そうならないためのCSS入れてるはずなんですけど、慣性スクロール起動させるとどうも解除されてしまってるっぽい…chromeとかではならない。

見た目カッコ悪いけど操作に支障が出るわけではないから仕方ないか。これも諦めよう|:3ミ