Mobile navbar horizontale scroll auf Skrollr Seite

Question

Meine mobile navbar ist Position am unteren Rand des Bildschirms fixiert und überläuft nach rechts. Ich möchte in der Lage sein, dies horizontal zu scrollen, skrollr scheint jedoch das Scroll-Ereignis einzufangen und es in eine vertikale Scroll zu übersetzen.

Sobald ich Skrollr deaktivieren, kann ich die Navigationsleiste horizontal scrollen.

Ich habe versucht, den Zindex der Navbar so hoch wie möglich zu bringen, aber skrollr nimmt immer noch die Berührung darüber.

Ist das überhaupt möglich?

EDIT:

gedacht, um eine Skizze zu laden, was ich will es klar zu machen, erreichen.

Das Overlay wird Position fixiert, am unteren Rand des Bildschirms sitzt, z über alles indiziert, mit seinen überquellenden Inhalt nach rechts:

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

Auf Handy, das Overlay Ziehen beginnt die gesamte Seite scrollen, und das Overlay scrollt nicht von links nach rechts. Wenn ich das horizontale Mausrad verwende, scrollt es, aber nicht bei Berührung.

Answer 1

es geschafft, dies zu festen durch Fortpflanzung auf touchmove, touchstart und touchend Ereignisse, auf dem Overlay-Element zu stoppen:

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

dies auf Links brach Klopfen, das innerhalb des Overlay sind, aber das Hinzufügen eines Dummy-Hörers zu ihnen reparierte es:

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