• HOME
  • p.c.c. blog
  • iScroll4にて、safariでトラックパッドの二本指スクロール効かないときの対応方法
p.c.c. blog

メディア運営や請負ウェブ制作などを通して得た
経験や情報を
その場で消費せずアウトプットする
ための場としてのブログ。

参考:
https://bugzilla.mozilla.org/show_bug.cgi?id=907275#c26

この中で、

I thought I’ve checked that, but I had to realize that the e.preventDefault() in the onBeforeScrollStart in iscroll.js is seemingly not being called when it should. Calling e.preventDefault() at the top of the _wheel function works well however. Thanks Markus!

とあります。なので、

iscroll.js(v4.2.5)の653行目

Javascript


	_wheel: function (e) {
		var that = this,
		...

の直後に e.preventDefault(); を追加します。

Javascript


	_wheel: function (e) {
		e.preventDefault();
		var that = this,
		...

これだけで動くようになります。
ありがとうマルクス!

追記:iScroll4のSurfaceにおける不具合

Surfaceで自分で動作確認をしたわけではないのですが、Surface環境(Windows10)のchromeにて、マウスのホイールでスクロールできない、リンクがクリックできないという不具合があります。
こちらも上記のe.preventDefault();によって解決できるという報告がありました。

自分では未検証なので参考までに。

株式会社p.c.c.

フロントエンドの下請け・請負制作をはじめ、多数のウェブコンテンツを自社で企画・制作・運営している会社です。企業の外部ウェブ担当として顧問契約も行っています。