رفتن به مطلب

مشکل اسکرول قالب از راست به چپ


پست های پیشنهاد شده

سلام

متوجه شدم که در پایین صفحه ای که سایت من باز میشه یه اسکرول هسن که از راست به چپ اسکرول میشه

انگار قالب سایتم عریض شده

میشه بگید ایراد از کجاست؟

ممنون میشم راهنمایی کنید تا رفعش کنم

با تشکر فراوان

عکسشم گذاشتم

آدرس سایت هم در امضا هست

post-1489-0-29104400-1370385017_thumb.jp

لینک به ارسال

راه حل از بین بردن اسکرول افقی با 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 (برای از بین بردن اسکرول در کل صفحه) نسبت دهید.

ویرایش شده توسط XeonIran
لینک به ارسال

راه حل از بین بردن اسکرول افقی با 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 (برای از بین بردن اسکرول در کل صفحه) نسبت دهید.

ممنونم از لطفتون

ولی ببخشید من متوجه نشدم باید چیکار کنم

میشه دقیق توضیح بدید کدوم کدو باید چه تغییراتی بدم؟

و همین طور دقیقا در کجا قرارش بدم؟

ممنون میشم

من به کد نویسی آشنا نیستم

لینک به ارسال

ممنونم از لطفتون

ولی ببخشید من متوجه نشدم باید چیکار کنم

میشه دقیق توضیح بدید کدوم کدو باید چه تغییراتی بدم؟

و همین طور دقیقا در کجا قرارش بدم؟

ممنون میشم

من به کد نویسی آشنا نیستم

کد اولی رو بدون تغییر در header.php قبل از تگ body قرار بدید

لینک به ارسال

درود ;

کد اولی رو بدون تغییر در header.php قبل از تگ body قرار بدید

کد اول برای اسکرول عمودیه شما که نمی خوای عمودی رو حذف کنی...؟!!

در فایل استایل قالب به سلکتور body کدهای زیر رو اضافه کنید :


overflow-x: hidden; /*حذف اسکرول افقی*/
overflow-y: auto; /*اسکرول عمودی*/

ویرایش شده توسط ARS
لینک به ارسال

درود ;

کد اول برای اسکرول عمودیه شما که نمی خوای عمودی رو حذف کنی...؟!!

در فایل استایل قالب به سلکتور body کدهای زیر رو اضافه کنید :


overflow-x: hidden; /*حذف اسکرول افقی*/
overflow-y: auto; /*اسکرول عمودی*/

درسته حق با شماست بالاخره بنده 2 کد را ارائه کردم حالا یا تو استایل استفاده کنه یا تو body

لینک به ارسال

درود ;

کد اول برای اسکرول عمودیه شما که نمی خوای عمودی رو حذف کنی...؟!!

در فایل استایل قالب به سلکتور body کدهای زیر رو اضافه کنید :


overflow-x: hidden; /*حذف اسکرول افقی*/
overflow-y: auto; /*اسکرول عمودی*/

عذر می خوام منظور از سلکتور چیه؟

من این کد رو بعد از body در فایل header قرار بدم؟

لینک به ارسال

شما وارد پنل وردپرس شو ویاریش قالب بعدم فایل style.css رو انتخاب کن در ابتداش این کد رو قرار بده


body {
overflow-x: hidden !important;
}

لینک به ارسال

عذر می خوام منظور از سلکتور چیه؟

من این کد رو بعد از body در فایل header قرار بدم؟

دوست عزیز کد زیر رو می تونید قبل تگ body قرار بدید


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

یا style.css رو باز کنید فقط 2 خط رو اضافه کنید به بعد از body

لینک به ارسال
عذر می خوام منظور از سلکتور چیه؟

من این کد رو بعد از body در فایل header قرار بدم؟

در فایل استایل قالب معمولا style.css ، باید body رو پیدا کنید و کدهای بالا رو بهش اضافه کنید اگه نتونستید کد زیر رو در header.php در تگ head تست کنید :


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

ب ن : اوه اوه چه ماشالا هم زمان سه تا پاسخ!!!!

ویرایش شده توسط ARS
لینک به ارسال

دقیقا نمیدونم باید کجا بذارمش

می تونید کامل توضیح بدید؟

ممنون میشم

ممنونم از همگی

فک کنم مشکل حل شد

میشه لطف کنید شما هم سایتو باز کنید ببینیند مشکلش رفع شده یا نه؟

ممنون میشم

خیلی لطف کردید

لینک به ارسال

دقیقا نمیدونم باید کجا بذارمش

می تونید کامل توضیح بدید؟

ممنون میشم

دوست عزیز از این واضح تر دیگه نمی شه اگر می خواهید اطلاعات ورودیتون رو پیام خصوصی کنید تا درستش کنم

لینک به ارسال

آقا ممنون

میشه شما هم ببینید درست شده یانه

فک میکنم مشکلش حل شده

ممنون میشم اطلاع بدید

باتشکر

لینک به ارسال

آقا ممنون

میشه شما هم ببینید درست شده یانه

فک میکنم مشکلش حل شده

ممنون میشم اطلاع بدید

باتشکر

بله مشکل حل شده نگران نباشید....

لینک به ارسال
  • 7 ماه بعد...

آقا منم مشکل اسکرول بار افقی رو دارم

کدهای بالا قالب سایتو به هم میریختن!

راه دیگش چیه؟

کدهای سایتهای دیگر رو نمیشه برای پوسته استفاده کرد

از چه پوسته‌ای استفاده میکنید؟

آدرس سایت؟

لینک به ارسال

شما باید این خط کلا حذف کنید


<div style="position: absolute;left: -4300px;"><a href="http://rozumdim.com.ua/">www.rozumdim.com.ua</a></div><div style="position: absolute;left: -4200px;"><a href="http://rozumdim.com.ua/new/content/blogsection/10/52/lang,russian/">www.rozumdim.com.ua</a></div><div style="position: absolute;left: -4100px;"><a href="http://bestcool.com.ua/filter-0-0-0-0-0-0-0-Gree-filtertype">www.bestcool.com.ua</a></div><div style="position: absolute;left: -4000px;"><a href="http://bestcool.com.ua/filter-0-0-0-0-0-0-0-Mitsubishi-filtertype">www.bestcool.com.ua</a></div>

لینک به ارسال
  • 5 ماه بعد...
  • 1 ماه بعد...

دوستان من توی وردپرس یه مشکلی دارم

اسکرول عمودی سایت رو نمیخوام حذف کنم فقط میخوام این نوار اسکرول که روی صفحه قرار میگیره به جای سمت راست سمت چپ باشه که روی نوشته هام رو نگیره

آیا این امکان پذیره؟

اگر بیشتر خواستید منظورمو متوجه بشید به این آدرس برید و در قسمت خدمات وارد یکی از بخش ها بشید

parsenic.ir

لینک به ارسال
  • 1 سال بعد...

عذر میخوام من همه این کارارو کردم.کد هارو جایگذاری کردم.هم تو style هم تو header اما بازم مشکل داره.حتی همه عکس ها رو حذف کردم بلکه درست شه اما نشد

اینم لینک سایت                       activefarsi.ir              

لطفا کمکم کنید

لینک به ارسال
  • 4 هفته بعد...

با سلام خدمت اساتید گرامی

مشکلی برای وب سایت من پیش آمده که متأسفانه حل شدنی هم نیست. تا حالا برای حل این مشکل سه بار قالب خریداری و عوض کردم اما همچنان مشکل باقی مونده

زمانیکه یک ویدئو در یکی از پست های سایت قرار میدم، اسکرول افقی فعال میشه و این اسکرول هم به نظر بی انتهاست.

در اینترنت اکسپلورر چنین مشکلی وجود نداره اما در chrome و firefox این مشکل هست

بعنوان مثال این صفحه رو ببینین :

لینک

تمامی کارهایی که شما گفتین رو انجام دادم، اما همچنان مشکل وجود داره.

از اساتید عزیز خواهشمندم راه حلی برای حل این مشکل بیان کنند.

با تشکر

لینک به ارسال
  • 5 ماه بعد...

سلام

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

و یا کد‌‌هایی که از سایت‌های دیگر مانند کد‌های خبرنامه گرفتی هست.

این گزینه‌ها را چک کن احتمالا مشکلت حل شه.

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

موفق باشی

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...