چگونه نوار پروکسی را پنهان کنیم

آموزش نحوه استفاده از 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 پرش

منابع مرجع:نوع overflow CSS