سلام مهمان گرامی ، خوش آمدید. آیا این نخستین بازدید شماست ؟ وارد شده یا عضو شوید

انجمن های تخصصی علوم رایانه و هنرهای دیجیتال



حذف اسکرول افقی و عمودی قالب با استفاده از سی اس اس
زمان کنونی: 29-07-2017، 04:14 PM
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: Ehsan
آخرین ارسال: Ehsan
پاسخ 1
بازدید 1276
محبوب کنید:

امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
حذف اسکرول افقی و عمودی قالب با استفاده از سی اس اس
#1
راه حل از بین بردن اسکرول افقی با css

همانطور که با css می توان ویژگی های مربوط به پهنای اِلمان مورد نظر را تعریف کرد، می توان با خاصیت های آن، اسکرول ناخواسته را نیز حذف کرد، به طور معمول برای از بین بردن اسکرول (عمودی) از ویژگی overflow به صورت زیر استفاده می شود.


کد:
<style type="text/css">
.class{
overflow:hidden; /*overflow:auto; overflow:scroll; overflow:visible;*/
}
</style>

اما این ویژگی بیشتر در اسکرول عمودی کاربرد دارد و برای اسکرول افقی باید آن را به صورت زیر تغییر داد.


کد:
<style type="text/css">
.class{
overflow-x: hidden; /*حذف اسکرول افقی*/
overflow-y: auto; /*اسکرول عمودی*/
}
</style>


این کد را می توانید در یک کلاس تعریف کنید و آن کلاس را به بلاک یا تگ body (برای از بین بردن اسکرول در کل صفحه) نسبت دهید.
در قالبهای وردپرس برای حذف اسکرول افقی می توانید  فایل style.css را ویرایش کنید و کد زیر را در تگ بادی body قرار دهید :

کد:
body {
overflow-x: hidden !important;
}
بدو بدوبدو بدو
پاسخ
 سپاس شده توسط Mohsen Omidvar


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش ساخت انیمیشن با استفاده از CSS Mohsen Omidvar 0 629 23-01-2016، 06:24 PM
آخرین ارسال: Mohsen Omidvar
Heart آموزش حذف اسکرول افقی در قالب با استفاده از سی اس اس Ehsan 0 1,332 09-12-2015، 12:56 AM
آخرین ارسال: Ehsan
  آموزش استفاده از سی اس اس در طراحی قالب Ehsan 0 1,037 09-12-2015، 12:50 AM
آخرین ارسال: Ehsan
  استفاده از استایل خارجی برای طراحی صفحات HTML Farzad 0 1,307 03-10-2014، 09:58 PM
آخرین ارسال: Farzad
  استفاده از کلاس و id در طراحی صفحات با CSS Farzad 0 1,384 03-10-2014، 09:50 PM
آخرین ارسال: Farzad

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان