انجمن های تخصصی علوم رایانه و هنرهای دیجیتال
  • صفحه اصلی
  • جستجو
  • لیست اعضا
  • تقویم
  • راهنما




سی جی آریا

رسانه تخصصی آموزش هنرهای دیجیتال



ورود به انجمن ثبت نام کنید
ورود
نام کاربری:
گذرواژه‌: گذرواژه‌تان را فراموش کرده‌اید؟
 

Home انجمن های تخصصی علوم رایانه و هنرهای دیجیتال رایانه برنامه نویسی | طراحی وب طراحی صفحات وب صفحات استاتیک حذف اسکرول افقی و عمودی قالب با استفاده از سی اس اس

امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
حالت موضوعی
حذف اسکرول افقی و عمودی قالب با استفاده از سی اس اس
Ehsan آفلاین
مدیر انجمن لینوکس
*****
ارسال‌ها: 40

موضوع‌ها: 27
تاریخ عضویت: Apr 2012
اعتبار: 41
سپاس ها 490
سپاس شده 85 بار در 39 ارسال
#1
09-05-2015، 10:54 PM
راه حل از بین بردن اسکرول افقی با 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;
}
بدو بدوبدو بدو
ارسال‌ها
پاسخ
« قدیمی‌تر | جدیدتر »


موضوع‌های مشابه…
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش ساخت انیمیشن با استفاده از CSS Mohsen Omidvar 0 2,641 23-01-2016، 06:24 PM
آخرین ارسال: Mohsen Omidvar
Heart آموزش حذف اسکرول افقی در قالب با استفاده از سی اس اس Ehsan 0 3,715 09-12-2015، 12:56 AM
آخرین ارسال: Ehsan
  آموزش استفاده از سی اس اس در طراحی قالب Ehsan 0 3,228 09-12-2015، 12:50 AM
آخرین ارسال: Ehsan
  استفاده از استایل خارجی برای طراحی صفحات HTML Farzad 0 3,370 03-10-2014، 09:58 PM
آخرین ارسال: Farzad
  استفاده از کلاس و id در طراحی صفحات با CSS Farzad 0 3,457 03-10-2014، 09:50 PM
آخرین ارسال: Farzad

  • مشاهده‌ی نسخه‌ی قابل چاپ
پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان
مکان تبلیغ شما
تمامی حقوق این سایت مربوط به انجمن های تخصصی علوم رایانه و هنرهای دیجیتال میباشد