آفلاین
user-avatar

حاشیه غیر قابل کنترل صفحه

2 سال پیش
توسط سید محمد حسین موسوی آپدیت شد
آفلاین
user-avatar
سید رضا موسوی ( 6927 تجربه )
2 سال پیش
تخصص : برنامه

سلام
من قالبی طراحی کرده ام
اما این قالب اسکرول افقی خورده است و یک ستون خاکستری رنگ در سمت چپ مرورگر من می باشد
با inspect element هم هیچ select ای به من نمی دهد
آقای موسوی نظر شما؟

بهترین پاسخ انتخاب شده توسط سید رضا موسوی
آفلاین
user-avatar

سلام
وقتی اسم شخص خاصی رو می بری یعنی علاقه ای نداری بقیه بهت جواب بدن؟
یکم سخته بدون اینکه عکس یا کدی از پروژه شما رو ببینیم بگیم مشکل مشکل چیه اما اینکه با inspect نمی تونی انتخابش کنی یکی از دلایلش این می تونه باشه که اون عنصر شما احتمالا z-index پایین تر از عنصر دیگه است و وقتی می خوای انتخابش کنی اون اتخاب نمی شه بلکه ایتم بالاییش انتخاب می شه
یه راه ساده برای پیدا کردن اون ایتم هست و اونم اینه که بری تو ایسنپکت مرورگرت و ایتم ها رو دونه دونه Delete element کنی. لازم هم نیست همه ایتم ها باشه بلکه ایتم های پدر که N تا element داخلش هستن رو انتخاب کن و پاک کنن. ببین کدوم رو پاک می کنی اون ایتم حذف می شه و اینطوری می تونی بفهمی اون عنصرت که داره کار رو خراب می کنه کجاست و بعدش پیدا می کنی و حلش می کنی

آفلاین
user-avatar
سید محمد حسین موسوی ( 18823 تجربه )
2 سال پیش
تخصص : FullStack Developer

سلام
وقتی اسم شخص خاصی رو می بری یعنی علاقه ای نداری بقیه بهت جواب بدن؟
یکم سخته بدون اینکه عکس یا کدی از پروژه شما رو ببینیم بگیم مشکل مشکل چیه اما اینکه با inspect نمی تونی انتخابش کنی یکی از دلایلش این می تونه باشه که اون عنصر شما احتمالا z-index پایین تر از عنصر دیگه است و وقتی می خوای انتخابش کنی اون اتخاب نمی شه بلکه ایتم بالاییش انتخاب می شه
یه راه ساده برای پیدا کردن اون ایتم هست و اونم اینه که بری تو ایسنپکت مرورگرت و ایتم ها رو دونه دونه Delete element کنی. لازم هم نیست همه ایتم ها باشه بلکه ایتم های پدر که N تا element داخلش هستن رو انتخاب کن و پاک کنن. ببین کدوم رو پاک می کنی اون ایتم حذف می شه و اینطوری می تونی بفهمی اون عنصرت که داره کار رو خراب می کنه کجاست و بعدش پیدا می کنی و حلش می کنی

آفلاین
user-avatar
سید رضا موسوی ( 6927 تجربه )
2 سال پیش
تخصص : برنامه

@SeyedMH.Mosavi ممنون از پاسخ خوبت، میتونم برای شما در تلگرام پروژه را ارسال کنم ببینید؟

آفلاین
user-avatar
سید رضا موسوی ( 6927 تجربه )
2 سال پیش
تخصص : برنامه

@SeyedMH.Mosavi راهنمایی شما خیلی موثر بود. نودی که کلاس container را شامل می شد باعث خرابی و اسکرول خوردن صفحه بوت استرپ من میشد و در واقع گپ طراحی ایجاد می کرد. کد css زیر را به عنصری که id = container را شامل میشد اضافه کردم درست شد.

overflow-x: hidden;
آفلاین
user-avatar
سید محمد حسین موسوی ( 18823 تجربه )
2 سال پیش
تخصص : FullStack Developer

@rmtonliner
احسنت. خیلی هم عالی ولی بهتر ببینی مشکل از کجا بوده و چه چیزی باعث شده بود این مشکل پیش بیاد. به نظرم بهتره اون overflow رو موقتا بزاری کنار و مثل یه مرد بری دنبال مشکل بگردی ^_^
دلیلش اینه که وقتی بفهمی مشکل چرا رخ داده باعث می شه تو پروژه های بعدی دیگه اون اتفاق برات پیش نیاد ولی اگر اینکارو نکنی مجبوری تا اخری با همین overflow کارت رو راه بندازی :)
تو برنامه نویسی بیشتر اوقات پیدا کردن مشکل از حل کردن مشکل سخت تره. مثلا مشتری زنگ می زنه می گه من یه سری از مشتری های تو فلان بخش از سایت به مشکل بر می خورن ولی غالبشون این مشکل رو ندارن. اون چه پارامتریه که باعث می شه اون دسته از مشتری ها به مشکل بر بخورن و شما دنبالشی. الله اعلم :)
انقدر باید بالا پایین کنی تا بفهمی و بعد که فهمیدی شاید با یه نیم ساعت وقت گذاشتن مشکل رو حل کنی

برای ارسال پاسخ باید وارد سایت شوید