+- انجمن های تخصصی علوم رایانه و هنرهای دیجیتال (https://www.forum.cgaria.com)
+-- انجمن: رایانه (https://www.forum.cgaria.com/forum-236.html)
+--- انجمن: برنامه نویسی | طراحی وب (https://www.forum.cgaria.com/forum-22.html)
+---- انجمن: طراحی صفحات وب (https://www.forum.cgaria.com/forum-27.html)
+----- انجمن: صفحات استاتیک (https://www.forum.cgaria.com/forum-69.html)
+----- موضوع: حذف اسکرول افقی و عمودی قالب با استفاده از سی اس اس (/thread-728.html)
حذف اسکرول افقی و عمودی قالب با استفاده از سی اس اس - Ehsan - 09-05-2015
راه حل از بین بردن اسکرول افقی با 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;
}