جشنواره بهارانه راکت! ۳۵% تخفیف ویژه بر روی دوره‌های آموزشی

مشاهده دوره‌ها
ثانیه
دقیقه
ساعت
روز
علی بهشتی
7 ماه پیش توسط علی بهشتی مطرح شد
5 پاسخ

مخفی کردن اسکرول بار وقتی بهش نیازی نیست

سلام رفقا ، من توی این سکشن از اسکرول بار استفاده میکنم اما اسکرول بار وقتی نیازی به اسکرول نیست هم نمایش داده میشه
 تصویر

چجوری باید این اسکرول بار رو حذف کنم وقتی سکشن اسکرول نمیخوره؟

حالت اسکرول :
 تصویر


ثبت پرسش جدید
رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 7 ماه پیش آپدیت شد
0

درود خوبی...
کد زیر:

overflow: hidden;
یا
.test::-webkit-scrollbar {
  display: none;
}

علی بهشتی
تخصص : طراح وب
@hajaliam 7 ماه پیش مطرح شد
1

رایموند این کد رو تست کردم ، کلا اسکرول بار حذف میشه
من میخوام وقتی نیاز به اسکرول هست ، اسکرول بار نمایش داده بشه یعنی در تصویر دوم نمایش داده بشه


محمد حسین
تخصص : mevn stack
@saghari 7 ماه پیش مطرح شد
0

یه کلاس بذار مثلا همین تست که رایموند گذاشته بعد با js چک کن هر وقت نیاز به اسکرول نداره کلاس تست رو به المنت بده هر وقت نیاز داره حذفش کن مثلا:

if (el.scrollHeight >= 500) el.classList.remove('test')
else el.classList.add('test')

میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 7 ماه پیش آپدیت شد
0

خصوصیت overflow (سَرریز) به همین موضوع مربوط میشه. مقدار auto (خودکار) رو بهش بدین تا scrollbar (نوار پیمایشگر) رو خودش تشخیص بده که بذاره یا نذاره:

selector {
  overflow: auto; // Add scrollbar automatically
}

در صورت لزوم، می‌تونید وضعیت سرریز رو در محورهای افقی و عمودی به شکل مجزا مشخص کنید:

selector {
  overflow-x: hidden; /* Hide horizontal scrollbar */
  overflow-y: auto; /* Add vertical scrollbar automatically */
}

مطالعه بیشتر


oss_vahid
تخصص : wordpress developer
@ossvahid 7 ماه پیش مطرح شد
1

اول میایی overflow رو به صورت پیش فرض مخفی میکنی و بعدش میایی میگی فقط وقتی هاور شد نشونش بده

div {
overflow-y: hidden;
}
div:hover {
overflow-y: auto;
}

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام