3

iScroll.js を使用してデスクトップ Web サイトに水平スクロールを実装しようとしています。ドラッグは正常に機能し、スタイリングも問題なく適用されますが、スクロールに問題があります。

最初に iScroll 4.1.7 マウスホイールを使用しました PC の Mac では、Chrome と Safari でネイティブ スクロールを妨げる問題が発生しました。具体的には、ユーザーがトラックパッドの設定を有効にしている場合です。 back)、前のページを開きます。Firefox はスクロール OK ドラッグは問題なく動作しています。

その後、v4.2.5 を試してみました: https://github.com/cubiq/iscroll これは、デスクトップ ブラウザーではスクロールもマウスホイールもまったく機能しないようです。ドラッグは正常に機能します。

これは私がiScrollを初期化しようとしている方法です:(ここのドキュメントで定義されているように: http://cubiq.org/iscroll-4 )

<script type="application/javascript" src="iscroll.js"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
myScroll = new iScroll('wrapper');
}
document.addEventListener('DOMContentLoaded', loaded, false);
</script>`

以下は、次のデモです。

iScroll 4.1.7 http://anything.is/iscroll4-1-7

iScroll 4.2.5 http://anything.is/iscroll4-2-5

私が何か間違ったことをしている場合、またはこれらが本当の問題である場合、何か考えはありますか?

4

1 に答える 1

2

mousewheelオプションがデフォルトで設定されているかどうかはわかりませんが、次のように追加してみてください。

function loaded() {
    myScroll = new iScroll('wrapper', {
        wheelHorizontal: true
    });
}

これはChromeのiscroll4.2.2でテストされています。つまり、完璧なソリューションではないかもしれませんが、簡単な修正のように見えます。4.2.5はそれを行う必要があります！

ここで答えを見つけました：iScroll 4水平マウスホイールスクロール あなたがそれをチェックすることができるページにjsFiddleがあります！これがお役に立てば幸いです。

于 2013-03-17T15:42:20.367 に答える