Einstellung Überlauf-Scrollen zum Berühren auf iPad überschreibt alle benutzerdefinierten CSS-Set für WebKit-Bildlaufleiste, gibt es irgendwelche Korrekturen dafür?

Wenn ich die folgende CSS für ein div:Einstellung Überlauf-Scrollen zum Berühren auf iPad überschreibt alle benutzerdefinierten CSS-Set für WebKit-Bildlaufleiste, gibt es irgendwelche Korrekturen dafür?

-webkit-overflow-scrolling: touch;

die benutzerdefinierte CSS ich für das Verstecken der Bildlaufleiste verwenden, wird außer Kraft gesetzt und die Standard-Scrollbar erscheint auf dem iPad.

Dies ist die CSS Ich verwende die Scrollbar zu verbergen:

::-webkit-scrollbar { 
    width: 12px; 
    opacity:0; 
    } 
    ::-webkit-scrollbar-track { 
     opacity:0; 
    } 
    ::-webkit-scrollbar-thumb { 
     opacity:0; 
    }

Wenn Sie irgendeine Lösung wissen, ist die Standard-Scrollbar außer Kraft zu setzen, wenn die Überlauf-Scrollen berühren gesetzt, würde ich für Ihre Hilfe dankbar.

Danke!

Quelle

2015-07-15 skywlkr

Interessanter Sache mit 2 von 10 mal, verschwindet die Scrollbar und es funktioniert wie vorgesehen. Ziemlich merkwürdig. – skywlkr

Überprüfen Sie [diese Antwort] (http://stackoverflow.com/a/16671476/5090789) auf eine ähnliche Frage. Es scheint, dass die Einstellung "-webkit-overflow-scrolling" auf "touch" iOS native Scrollbars aktiviert und andere CSS-Regeln ignoriert. Sie können das umgehen, indem Sie Ihren scrollenden Bereich div mit einem etwas kleineren "overflow: hidden" div verschachteln und die Bildlaufleisten effektiv dort abschneiden, wo sie benötigt werden. –

Hättest du keine großen Probleme mit dem Crossbrowsing (FF, Opera)? –

Sie sollten auf einige jQuery custom content scroller Plugins und vor allem mit den Optionen wie contentTouchScroll: integer schauen, die Ihnen helfen könnten, die Touchscreens zu erkennen und dann damit zu spielen.

Andernfalls und wahrscheinlich eine bessere Lösung, sollten Sie (wie vorgeschlagen here) verwenden Modernizr.

if (Modernizr.touch){ 
    // bind to touchstart, touchmove, etc and watch `event.streamId` 
}

Warum nicht beide mit

if (Modernizr.touch){ 
    $(".content").mCustomScrollbar({ 
     contentTouchScroll: false 
    }); 
}

Good Luck‘

Quelle

2015-07-23 09:15:17

@skywlkr Haben Sie Ihr Problem damit behoben? Darf ich um die Belohnung bitten, Herr Jango Fett? ☞  ͜ʖ  ☞ –

Einstellung Überlauf-Scrollen zum Berühren auf iPad überschreibt alle benutzerdefinierten CSS-Set für WebKit-Bildlaufleiste, gibt es irgendwelche Korrekturen dafür?

Antwort

Verwandte Themen