2016-09-08 5 views
1

私のモバイルナビバーは、画面の下部に固定された位置にあり、右側にオーバーフローします。私はこれを水平にスクロールできるようにしたいと思いますが、skrollrはスクロールイベントをキャプチャして垂直スクロールに変換しているようです。Skrollrのモバイルナビゲータ水平スクロール

skrollrを無効にすると、navbarを水平方向にスクロールできます。

私はnavbarのzindexを可能な限り高くしてみましたが、skrollrはまだその上の接触をピックアップします。

これはまったく可能ですか?

編集:私はそれがより明確にするために達成するために何をしたいのスケッチをアップロードする考え

オーバーレイは、画面の一番下に座って、すべてのものの上にインデックスさzの固定位置である、それは右に溢れた内容だと、モバイル・オン

white-space: nowrap; overflow-x: auto; overflow-y: hidden; 

、オーバーレイをドラッグすると、ページ全体をスクロールを開始しますオーバーレイは左右にスクロールしていません。マウスの水平ホイールを使用すると、スクロールしますが、タッチしません。 、

$overlay.on('touchmove touchstart touchend', function(e) { e.stopPropagation(); });

これは、オーバーレイ内にあるすべてのリンクをタップ破った:オーバーレイ要素に、touchmovetouchstarttouchendイベントに伝搬を停止することにより、固定これに管理さ

enter image description here

+0

あなたのコードを共有します –

+0

ここには[codepen](http://codepen.io/anon/pen/ozxgKy)です(しかし、これはモバイルエミュレータであることを確認する必要があります。通常のスクロールオーバーレイ - タッチではない) – b0Gd4N

答えて

0

ダミーのリスナーを追加してそれを修正しました:

$overlayLinks.on('touchmove touchstart touchend', function() { return true; });