CSS - Überlauf: Scrollen; - Immer vertikale Bildlaufleiste anzeigen?

Also derzeit habe ich:

#div {
  position: relative;
  height: 510px;
  overflow-y: scroll;
}

Aber ich glaube nicht, dass es offensichtlich für einige Nutzer, dass es mehr Inhalte gibt es. Sie könnten nach unten scrollen die Seite, ohne zu wissen, dass meine div enthält eigentlich viel mehr Inhalt. Ich benutze die 510px Höhe, so dass es schneidet text so auf einigen Seiten sieht es aus wie, dass es mehr Inhalt, aber das funktioniert nicht für alle.

Ich benutze einen Mac, und in Chrome und Safari die vertikale Bildlaufleiste wird nur dann angezeigt, wenn der Mauszeiger über dem Div ist und Sie aktiv navigieren. Gibt es eine Möglichkeit immer es anzeigt?

InformationsquelleAutor der Frage Jambo | 2011-09-20

  1. 308

    Lief einfach in dieses problem selbst. OSx Lion versteckt Scrollbalken, während nicht in Gebrauch ist, um es scheinen mehr "slick", aber gleichzeitig das Problem, das Sie angesprochen wird: die Menschen manchmal nicht sehen kann, ob ein div hat eine scroll-Funktion oder nicht.

    Fix: In der css-include -

    @media(device-width: 768px) and (device-height: 1024px){
    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }
}

    passen Sie das Aussehen, wie gebraucht. Quelle

    InformationsquelleAutor der Antwort NoviceCoding

  2. 9

    Bitte beachten Sie auf dem iPad Safari, NoviceCoding die Lösung wird nicht funktionieren, wenn Sie -webkit-overflow-scrolling: touch; irgendwo in deinem CSS.
    Die Lösung ist entweder das entfernen aller vorkommen von -webkit-overflow-scrolling: touch; oder setzen -webkit-overflow-scrolling: auto; mit
    NoviceCoding Lösung.

    InformationsquelleAutor der Antwort Razan Paul

  3. 0

    Diese arbeiten mit dem iPad über Safari auf iOS 7.1.x von meinen Tests, ich bin nicht sicher, dass iOS 6 aber. Es wird jedoch nicht auf Firefox. Es ist ein jQuery-plugin, das soll cross-browser-kompatibel genannt jScrollPane.

    Da gibt es auch eine doppelte post hier auf Stack Overflow die hat einige andere details.

    InformationsquelleAutor der Antwort JStarcher

  4. -4

    Dadurch wird der scroll-Balken immer angezeigt, wenn es Inhalte innerhalb von windows, muss gescrollt werden, um den Zugriff, es gilt für alle windows und alle apps auf dem Mac:

    Launch "System Preferences" aus dem  Apple-Menü
    Klicken Sie auf die "Allgemeinen" Einstellungen
    Suchen Sie nach der "Show scroll bars" und wählen Sie die radiobox neben "Immer"
    Schließen Sie die Systemeinstellungen, wenn Sie fertig

    InformationsquelleAutor der Antwort Michelle

Schreibe einen Kommentar