سعید شعبانی 2047 ارسال شده در دی 92 گزارش بازنشر ارسال شده در دی 92 دوستان سلامبا استفاده از کد زیر میشه به یک المان وقتی که ارتفاع صفحه 500 پیکسل شد یک class اضافه کرد و در بقیه موارد هم این کلاس را حذف کرد.$(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 500) { $(".clearHeader").addClass("darkHeader"); } else { $(".clearHeader").removeClass("darkHeader"); }});اما من می خواهم با توجه به ارتفاع والد اون المان, این کلاس ها افزوده و حذف بشند. البته ارتفاع المان والد هم متغییر هست. نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در دی 92 گزارش بازنشر ارسال شده در دی 92 $(".parent").filter(function() { var height = $(this).height(); if (height >= 500) { $(this).find(".child").addClass("darkHeader"); } else { $(this).find(".child").removeClass("darkHeader"); }}); 4 نقل قول لینک به ارسال
سعید شعبانی 2047 ارسال شده در دی 92 مالک گزارش بازنشر ارسال شده در دی 92 جناب فخار خیلی متشکرم. نمی دونم من نمی تونم ازش استفاده کنم یا اینکه یک مشکل داره.بگذارید یکم بیشتر توضیح بدم. من یک المان داخل صفحه دارم که می خواهم وقتی که صفحه تا یک اندازه مشخص اسکرول شد از اونجا به بعد یک کلاس به اون المان افزوده بشه بعد وقتی که اسکرول صفحه به بخش پایانی والد این المان رسید این کلاس حذف بشه یا اینکه یک کلاس جدید هم بهش اضافه بشه و بعد از اون هرچی صفحه به سمت پایینتر اسکرول بشه هیچ تغییری در کلاس های اضافه یا کم شده به اون المان تغییر نکنه. اما وقتی که برعکس اسکرول به سمت بالای صفحه انجام شد به همین ترتیب المان ها حذف یا اضافه بشند. نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در دی 92 گزارش بازنشر ارسال شده در دی 92 موقعیت المان والدتون چوریهاگر نقطه آغازش در صفحه معلوم باشه می شه نقطه پایانش رو محاسبه کرد و الا که به نظر من راهی نمی رسه جز اینکه والد را پوزیشن ابسولوت در محل قرار بدید که مختصات top ازش دربیاد$(window).scroll(function() {var parentStart = $(".parent").css("top");var h = $(".parent").outerHeight();var parentEnd = parseInt(h)+parseInt(parentStart);var scroll = $(window).scrollTop();if (scroll >= parentEnd) {$(".child").removeClass("darkHeader1").addClass("darkHeader2");} elseif (scroll >= parentStart) {$(".child").removeClass("darkHeader2").addClass("darkHeader1");}else {$(".child").removeClass("darkHeader2").removeClass("darkHeader1");}}); 3 نقل قول لینک به ارسال
سعید شعبانی 2047 ارسال شده در دی 92 مالک گزارش بازنشر ارسال شده در دی 92 در اصل من می خواهم یک نوار اشتراک گذاری متحرک ایجاد کنم مثل نوار اشتراک گذاری 1پزشک یا wpmudev که فقط در کنار متن اصلی مطلب به صورت شناور حرکت می کنند. از نظر css مشکلی ندارم فقط اگر بشه کاری کرد که زمان رسیدن اسکرول صفحه به اون نوار یک کلاس جدید بهش اضافه کرد و وقتی که اسکرول به آخر متن مطلب رسید یک کلاس جدید دیگه هم به نوار اشتراک گذاری افزوده بشه با css می توند شناور بودن را ایجاد کنم. نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در دی 92 گزارش بازنشر ارسال شده در دی 92 چرا پس از اول نممی رید سر مسئله اصلی صبح اول صببح کلی معما حل کردم http://jsfiddle.net/fakhar/2hSVY/2/embedded/result/ 3 نقل قول لینک به ارسال
سعید شعبانی 2047 ارسال شده در دی 92 مالک گزارش بازنشر ارسال شده در دی 92 عالی بود اینجا هم می تونید نتیجش رو ببینید 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .