Μάθετε πώς να χρησιμοποιείτε το CSS για να κρύψετε τη γραμμή πλοήγησης.
- Προηγούμενη σελίδα Προσαρμοσμένοι μοχλοί κύλισης
- Προηγούμενη σελίδα Εμφάνιση/συγκρατημένη εμφάνιση μοχλού κύλισης
Προτεινόμενη εκμάθηση:
Μάθετε πώς να χρησιμοποιείτε το CSS για να κρύψετε τη γραμμή πλοήγησης.
Πώς να κρύψετε τη γραμμή πλοήγησης overflow: hidden;， μπορείτε να εξαφανίσετε ταυτόχρονα και τις οριζόντιες και τις κάθετες γραμμές πλοήγησης.
Παράδειγμα
body {
overflow: hidden; /* Κατάργηση των γραμμών πλοήγησης */
}
Για να εξαφανίσετε μόνο τη κάθετη γραμμή πλοήγησης ή μόνο την οριζόντια γραμμή πλοήγησης, χρησιμοποιήστε overflow-y ή overflow-x:
Παράδειγμα
body {
overflow-y: hidden; /* Κατάργηση της κάθετης γραμμής πλοήγησης */
overflow-x: hidden; /* Κατάργηση της οριζόντιας γραμμής πλοήγησης */
}
Παρακαλώ σημειώστε ότιoverflow:hidden Θα διαγραφεί επίσης η λειτουργικότητα της γραμμής πλοήγησης. Η πλοήγηση εντός της σελίδας δεν είναι δυνατή.
Αφαιρεθεί η γραμμή πλοήγησης αλλά διατηρείται η λειτουργικότητα
Για να εξαφανίσετε τη γραμμή πλοήγησης αλλά να συνεχίσετε να滚动的，可以使用以下代码：
Παράδειγμα
/* Κατάργηση της γραμμής πλοήγησης για το Chrome, το Safari και το Opera */
.example::-webkit-scrollbar {
display: none;
}
/* Κατάργηση της γραμμής πλοήγησης για το IE, το Edge και το Firefox */
.example {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
Οι περιηγητές Webkit (όπως το Chrome, το Safari και το Opera) υποστηρίζουν μη τυπικές ::-webkit-scrollbar ψευδοεлемент, το οποίο επιτρέπει την τροποποίηση της εμφάνισης της γραμμής πλοήγησης του προγράμματος περιήγησης. Υποστηρίζεται από το IE και το Edge -ms-overflow-style: ιδιότητα, υποστηρίζεται από το Firefox scrollbar-width Προσαρμοσμένες ιδιότητες, οι οποίες επιτρέπουν την εξαφάνιση των γραμμών πλοήγησης αλλά τη διατήρηση των λειτουργιών τους.
Σελίδες συναφείς
Εκμάθηση:CSS υπερβολή
Παρακαλώ ανατρέξτε στο:CSS ιδιότητα overflow
- Προηγούμενη σελίδα Προσαρμοσμένοι μοχλοί κύλισης
- Προηγούμενη σελίδα Εμφάνιση/συγκρατημένη εμφάνιση μοχλού κύλισης
