jQueryでフリックを実装する場合に縦スクロールできなくなる問題を解決する方法 | スターフィールド株式会社
以前jQueryでプラグインを使わずにフリックを実装する方法についてご紹介いたしましたが、 こちらの方法を使った場合に、１つ問題が発生します。 それは、スマホやタブレットでは、 フリックできるようにした要素の上ではページのスクロールができなくなってしまうという問題です。 これは、touchmoveイベントの本来の動作であるページのスクロール動作を、 「e.preventDefault()」を指定してキャンセルしているためです。 フリックで要素を動かす動作を自然に行うためには欠かせないことなのですが、 横いっぱいに広げたスライダーなどでは、これによってページのスクロールができない範囲が大きくなってしまうため、とても使い勝手の悪いものとなってしまいます。 今回は、この問題を解決する方法について考えてみましたので、 ご紹介いたします。 ↓こちらがこの問題を解決したDEMOです(スマホやタブレット
横スクロールを可能にできる「jquery.mousewheel」を使用してみた | スターフィールド株式会社
近々、個人的に横スクロールのサイトを作ってみようかなと思っていたので、 その前に、横スクロールだけでも試しておこうと思い、簡単なサイトを作ってみました。 使用するのは、「jquery.mousewheel」というプラグインは、 jQuery Mousewheel | jQuery Plugin Registry になります。 DEMOサイトは以下からご覧下さい。 DEMO 横スクロールの実装方法は以下になります。 「jquery.mousewheel」の実装方法 まず、プラグインをダウンロードします。 jQuery Mousewheel | jQuery Plugin Registry そして次に、 head内に以下を読み込みます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
