حذف بهم ریختگی قالب

وب سایت های زیادی رو تا به حال دیدم که دارای اسکرول افقی هستند و ظاهر وب سایت رو خراب میکنن ، چندی پیش هم قالب قبلی سپهنا همین مشکل رو داشت که حل شد ، امروز تکه کدی را برای طراحان وب قرار میدهیم که بواسطه آن اگر قالب شما دارای اسکرول است ، اسکرول افقی آن از بین برود. این آموزش بسیار کاربردی و لازمه وبسایتهای است که دچار این مشکل هستند.


فایل css قالب خود که اغلب style.css هست رو باز کنید.

به دنبال کد زیر بگردید :

body {

به شکل زیر قرار دهید :

body {overflow-x:hidden;

اگه در قالب شما از فایل جی کوئری استفاده نشده  کد زیر را بعد از تگ <body> قرار بدهید :

<script src="http://code.jquery.com/jquery-1.9.1.js"></script><script>JQuery.noConflict();JQuery(document).scroll(function() {      JQuery(window).scrollLeft(0)});</script>


وب / آموزش های وب sepahna 4 856 بازدید 1 نظر پرینت
  • +9

دیدگاه :

  1. User Avatar
    مجتبی گنجعلی  ـ  در تاریخ : 22/10/1399 - 08:47
    با سلام
    من قالب صحیفه وردپرس استفاده می کنم . با این کدی که دادید مشکلم توی صفحه کامپیوتر حل شد اما در موبایل هنوز این مشکل هست.
    لطفا راهنماییم کنید.

دیدگاه خود را ثبت کنید :

نام شما :*
ایمیل شما :
نظر شما :