Aylantirish chizig‘ini yashirish
CSS yordamida aylantirish chiziqlarini yashirishni o‘rganing.
Aylantirish chiziqlari qanday yashiriladi
Gorizontal va vertikal aylantirish chiziqlarining ikkalasini ham yashirish uchun overflow: hidden; qo‘shing.
Faqat vertikal yoki faqat gorizontal aylantirish chizig‘ini yashirish uchun overflow-y yoki overflow-x dan foydalaning:
Misol
body {
overflow-y: hidden; /* Hide vertical scrollbar */
overflow-x: hidden; /* Hide horizontal scrollbar */
}
O‘zingiz sinab ko‘ring »
E’tibor bering, overflow: hidden aylantirish chizig‘ining funksionalligini ham yo‘q qiladi. Sahifa ichida aylantirib bo‘lmaydi.
Maslahat: overflow xususiyati haqida ko‘proq bilish uchun CSS Overflow darsligimizga yoki CSS overflow xususiyati ma’lumotnomasiga o‘ting.
Aylantirish chiziqlarini yashirish, lekin funksionallikni saqlash
Aylantirish chiziqlarini yashirib, aylantirish imkoniyatini saqlab qolish uchun quyidagi koddan foydalanishingiz mumkin:
Misol
/* Hide scrollbar for Chrome, Safari and Opera */
.example::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.example {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
O‘zingiz sinab ko‘ring »
Chrome, Safari va Opera kabi Webkit brauzerlari nostandart ::-webkit-scrollbar psevdoelementini qo‘llab-quvvatlaydi, u brauzer aylantirish chizig‘ining ko‘rinishini o‘zgartirish imkonini beradi. IE va Edge -ms-overflow-style: xususiyatini, Firefox esa scrollbar-width xususiyatini qo‘llab-quvvatlaydi — ular aylantirish chizig‘ini yashirib, funksionallikni saqlab qolish imkonini beradi.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!