Scrollbar für gesamte Seite gewünscht - IOS tauglich

chiara34

Hi ihr :-)

nach langer Zeit melde ich mich einmal wieder. Ich habe eine komplizierte Kundin die auf ihrer Seite eine Scrollbar möchte. Mittlerweile habe ich 11 Plugins ausprobiert. Entweder werden sie auf ihren IOS Geräten nicht angezeigt, oder aber die mobile Navigation lässt sich nicht mehr scrollen.

Weiß jemand Rat oder hat ein, wegen mir auch kostenpflichtiges, Plugin welches auf Iphone und Ipad läuft uuund nicht die mobile Navigation blockiert?

Ooooder noch besser, eine, für Laien einleuchtende Erklärung warum ein Scrollbalken (übrigens auch meine Meinung) auf mobilen Geräten absolut überflüssig ist. Hab mir schon den Mund fusselig geredet.

Ich daaanke euch für eure Unterstützung und Hilfe

Eure Chia

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SirEctor

Zitat von chiara34

Ooooder noch besser, eine, für Laien einleuchtende Erklärung warum ein Scrollbalken (übrigens auch meine Meinung) auf mobilen Geräten absolut überflüssig ist. Hab mir schon den Mund fusselig geredet.

Nicht um sonst haben die mobilen Betriebssysteme das so designed. Jeder hat sich mittlerweile daran gewöhnt, dass es dort keine Scrollbalken gibt. Aber ich kenne solche Kunden, die auf Oldschool stehen und sich nicht belehren lassen.

Schau mal hier: https://stackoverflow.com/questions/2290…mobile-browsers

chiara34

*seufz, ja genau, ich habe mir bei ihr auch schon den Mund fusselig geredet. Den Code

Code

}
::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
    width: 12px;
}
::-webkit-scrollbar:horizontal {
    height: 12px;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

Alles anzeigen

wo füge ich den denn am Besten ein? Ich arbeite mit Enfold, dort hat es nicht funktioniert.

Ahhh, habs in Custom CSS eingetragen. Am PC funktionierts. Android zeigts nicht an und Iphone hab ich leider nicht.

SirEctor

ungetestet, da ich es für Blödsinn halte, am Besten über Design - Customizer - Zusätzliches CSS:

CSS

/* !important is needed sometimes */
 ::-webkit-scrollbar {
    width: 12px !important;
   -webkit-overflow-scrolling: auto
 }


 /* Track */
::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
 }


 /* Handle */
 ::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
   background: #41617D !important;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;


 }
 ::-webkit-scrollbar-thumb:window-inactive {
   background: #41617D !important;
 }

Alles anzeigen

Edit: Du hattest am Anfang eine } zuviel. Schau bitte auch mal was bei non-webkit-browsern passiert

chiara34

Funktioniert leider gar nicht, im Emulator scrollt die Seite nicht mehr.

*seufz*

SirEctor

Wie viel ist deine Kundin bereit dafür zu zahlen, dass du das OS bzw. Standards umbiegen musst?

Ich würde das offen kommunizieren und ablehnen. Damit wirst du nicht glücklich. Irgendwo gibt es immer Probleme.

chiara34

So ähnlich habe ich es ihr geschrieben. Ich bin echt mit meinen Nerven am Ende, ich such schon seit Tagen nach ner Lösung. Das bezahlt mir doch keiner. Schaun wir mal was sie antwortet.

Danke dir für deine Hilfe :-)
Ein schönes Wochenende

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Scrollbar für gesamte Seite gewünscht - IOS tauglich

Jetzt mitmachen!