כיצד להסתיר scrollbars בדפדפן ועדיין לאפשר גלילה?

בסיטואציות מסויימות תרצו להסתיר את פסי הגלילה (scrollbars) המופיעים באלמנט כלשהו אך עדיין לאפשר למשתמש לגלול. ניתן לעשות זאת עם ה CSS הבא כשהקלאס .element הוא האלמנט לו אתם רוצים להסתיר את פסי הגלילה:

.element::-webkit-scrollbar {
    width: 0;
    height: 0
}

.element {
   scrollbar-width: none;
}

אז נאמר ואתם רוצים להסתיר את ה scrollbars המופיעים עבור תגית ה <html> – ניתן לעשות זאת באמצעות ה CSS הבא:

::-webkit-scrollbar {
    width: 0;
    height: 0
}

html {
   scrollbar-width: none;
}

שימו לב, זה לא יעבוד בדפדפן ספארי ואני מניח שגם לא בגירסאות Internet Explorer למינהן.

מצאתם טעות? הסניפט לא עובד לכם? רשמו לי בתגובות ואני מבטיח לטפל בכך במהרה ולספק סניפט תקין...
0תגובות...

השאירו תגובה

 

Up!
לבלוג