miladhassan 5 ارسال شده در اسفند 94 گزارش بازنشر ارسال شده در اسفند 94 سلام میخواستم بدونم اگه بخواهیم فقط کد های جی کوئری در یک اندازه خاص از صفحه عمل کنند و وقتی اندازه را کوچک یا بر روی موبایل سایت باز میشود دیگر آن استایلی که ما با جی کوئری داده بودیم نباشد . من از کدهای ذیل استفاده کردم ولی کار نکرد . jQuery("document").ready(function($){ var di = $('.b5'); $(window).resize(function() if ($(window).width > 1000){ di.css('margin-left','200px'); $(window).scroll(function () { if ($(this).scrollTop() > 170) { di.css('margin-left','200px'); } else { di.css('margin-left','0px'); } } }); }); }); نقل قول لینک به ارسال
فرحان 997 ارسال شده در اسفند 94 گزارش بازنشر ارسال شده در اسفند 94 سلام. سه اشتباه توی کدتون هست. یکی اینکه این مورد رو درست کنید: if ($(window).width > 1000){ //bayad beshe in: if ($(window).width() > 1000){ مورد دوم که خطایی ایجاد نمیکنه اما صفحه رو کند میکنه، این هست که اسکرول رو خارج از resize به window بایند کنید. الان شما اومدی گفتی هر موقع پنجره ریسایز شد، یکبار هم این کدم رو به اسکرول پنجره بایند کن. مورد سوم هم اینه که باید بگید اگر بزرگتر از 1000 بود این کار رو بگن و اگر کمتر بود این یکی کار رو، چون جاوا اسکریپت مثل css نیست که بفهمه و به حالت قبلی برگرده. موفق باشید. 1 نقل قول لینک به ارسال
miladhassan 5 ارسال شده در اسفند 94 مالک گزارش بازنشر ارسال شده در اسفند 94 سلام اگه امکانش هست کدش رو بزارید ممنون میشم نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در اسفند 94 گزارش بازنشر ارسال شده در اسفند 94 jQuery("document").ready(function(){ var di = $('.b5'); if ($(window).width() > 1000){ di.css('margin-left','200px'); } $(window).scroll(function () { if($(this).width() > 1000 && $(this).scrollTop() > 170) { di.css('margin-left','200px'); } else { di.css('margin-left','0px'); } }); }); 2 نقل قول لینک به ارسال
miladhassan 5 ارسال شده در اسفند 94 مالک گزارش بازنشر ارسال شده در اسفند 94 سلام اساتید عزیز من کد رو گذاشتم و کار کرد ولی فقط یک اشکال داره اونم اینکه اگه ی کد تایمر باشه که وقتی کاربر اندازه صفحه رو کوچیک بزرگ میکنه کد جی کوئری سریع متوجه بشه چون الان من صفحه رو کوچیک میکنم خوبه ولی وقتی بزرگ میشه باید حتما ریفرش بزنم تا درست بشه . بازم ممنونم نقل قول لینک به ارسال
فرحان 997 ارسال شده در اسفند 94 گزارش بازنشر ارسال شده در اسفند 94 jQuery("document").ready(function($){ var di = $('.b5'); $(window).resize(function(){ if ($(window).width() > 1000){ di.css('margin-left','200px'); } else{ di.css('margin-left','0px'); } }); $(window).scroll(function () { if ($(this).scrollTop() > 170) { di.css('margin-left','200px'); } else { di.css('margin-left','0px'); } }); }); نکته ای هم که توی کد شما هست اینه که قسمت اسکرول مشکلی نداره اما به نظرم اگر روی پوسته دارید کار می کنید ریسایز کردن المنت ها رو موقع تغییر سایز پنجره، با مدیا کوئری انجام بدید به جای جاوا اسکریپت. موفق باشید. 2 نقل قول لینک به ارسال
miladhassan 5 ارسال شده در اسفند 94 مالک گزارش بازنشر ارسال شده در اسفند 94 سلام کد ها درستن اگه از اساتید گل ی کد تایمر یا همچین چیزی میدونه بزاره تا درون اون کد های قبلی بزارم تا چک کنه هر لحظه نقل قول لینک به ارسال
فرحان 997 ارسال شده در اسفند 94 گزارش بازنشر ارسال شده در اسفند 94 چی رو می خواید هر لحظه اجرا بشه. کد بالا خودش با تغییر سایز پنجره و یا اسکرول کردن مرتب اجرا میشه. اگر برای کد دیگه ای می خواید اونو، می تونید از تابع setInterval برای اجرای یک کد توی بازه های زمانی مشخص یا تابع setTimeout برای اجرای یک کد برای یک بار بعد از یه بازه زمانی معین استفاده کنید. این توابع مربوط به جاوااسکریپتن نه جی کوئری ولی شاید معادل جی کوئری شون هم موجود باشه. 1 نقل قول لینک به ارسال
miladhassan 5 ارسال شده در اسفند 94 مالک گزارش بازنشر ارسال شده در اسفند 94 سلام کد شما کار نکرد من کد استاد ایمان فخار رو امتحان کردم و جواب داد اگه ممکنه تو همون تابع ی کد تایمر اضافه کنید نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .