سعید شعبانی

افزودن یا حذف کردن class یک المان توسط jquery بر اساس ارتفاع آن در زمان اسکرول عمودی

1 پست در این موضوع قرار دارد

دوستان سلام

با استفاده از کد زیر میشه به یک المان وقتی که ارتفاع صفحه 500 پیکسل شد یک class اضافه کرد و در بقیه موارد هم این کلاس را حذف کرد.


$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 500) {
$(".clearHeader").addClass("darkHeader");
} else {
$(".clearHeader").removeClass("darkHeader");
}
});

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

به اشتراک گذاری این پست


لینک به پست
مهمان
این موضوع برای عدم ارسال قفل گردیده است.

  • مطالب مشابه

    • توسط PejmanDesigner
      با عرض سلام و خسته نباشید خدمت دوستانم .
      من مشکلی دارم که با جستجو نتونستم به جواب برسم شاید مواردی که جستجو می کردم اشتباه بوده .
      من می خوام در قسمت منو ها لینکی بزارم که صفحه جدیدی رو باز نکنه و به قسمت های مختلف در همون صفحه بره .
      من یک وب سایت تک صفحه دارم و برگه جدیدی ندارم . ولی می خوام با کلیک بر روی قسمت های مختلف منو بازدید کننده مستقیم اسکرول بشه به همون موقعیت .
      حالا دو سوال دارم در این رابطه
      اول اینکه ایا افزونه ای هست که این کار رو انجام بده ؟ یا اینکه باید کدی رو وارد کنم ؟ (لطفا در صورت داشتن کد ، علاوه بر کد نحوه قرار گیری هم توضیح داده شود)
      دوم اینکه اون طوری که من خیلی وقت پیش ها شنیدم مقدار پیکسل میگیره این کد که کجا اسکرول بشه ، حالا سوالم اینجاست که ما پیکسل بدیم داخل این کد ها یا افزونه آیا درحالت رسپانسیو مشکل ایجاد میشه یا نه ؟
    • توسط IFTHEN
      در حال کد کردن قالبی هستم حالا در قسمت بک پنل و در ایجاد نوشته جدید، فایل های جاوا اسکریپت لود نمی شه و به تبع اون یک سری از آیتم ها از کار می افتن!
      یه بررسی کردم دیدم توی صفحه یک سری از فایل ها درست لود نمی شن! و به عبارت بهتر آدرسشون دچار مشکل شده!
      <link rel='stylesheet' href='http://localhost/user/wp-admin/load-styles.php?c=1&amp;dir=rtl&amp;load%5B%5D=dashicons,admin-bar,buttons,media-views,common,forms,admin-menu,dashboard,list-tables,edit,revisions,media,themes,about,nav-menu&amp;load%5B%5D=s,widgets,site-icon,l10n,wp-auth-check,wp-color-picker,farbtastic&amp;ver=4.7' type='text/css' media='all' /> داخل کد بالا عبارت زیر به صورت کد نمایش داده شده و این باعث این اتفاق شده!
      &amp;
      چطور می تونم این مشکل رو رفع کنم؟
       
       
    • توسط BahramElf
      سلام
      من قالب سایت رو تازه عوض کردم. مشکلی که هست اینکه سایت یه جور خیلی بدی و کند اسکرول میشه، انگار تیک میزنه و گیر داره، تو تنظیمات و اینور و اونور خیلی بررسی کردم چیزی پیدا نشد. نکتش اینجاست اول که صفحه باز میشه و در حال لود شدن هست مشکلی نیست و اسکرول هم درست انجام میشه، اما به محض کامل شدن لود صفحه مشکل اسکرول ایجاد میشه. آدرس سایت:
      www.javaherlux.com
      ممنون میشم یه نگاه بندازین و راه حلی اگه داره راهنمایی کنید.
    • توسط morishut
      سلام خدمت دوستان
      ببخشید بنده یه سوال فنی داشتم خدمتتون ممنون میشم جوابم رو بدین
      بنده علاقه خیلی زیادی به برنامه نویسی وب دارم و الان زبان html-css رو به خوبی پشت سر گذاشتم الان بین دو راهی گیر کردم و اینه که نمیدونم باید jquery یا php رو انتخاب کنم بدجور ذهنم رو مشغول کرده که اولویت اول با کدوم یکی از ایناس ممنون میشم راهنماییم کنین که اول کدوم و چرا 
      مرسی ممنون منتظر نظرات و پیشنهاداتون هستم.
    • توسط DariushGreat
      سلام
      من از کد زیر برای نمایش فهرست‌هام بهره می‌گیرم
      jQuery(document).ready(function(){ $(".root li").hover( function p() { $(this).addClass("current").find(".sl").addClass("nav-hover") }, function w() { $(this).removeClass("current").find(".sl").removeClass("nav-hover") }); }); مشکل اینه که به هنگام رفتن موس روی گزینه تندی ظاهر می‌شه و با رفتن موس تندی می‌ره! می‌خوام هنگامی‌که موس از روی گزینه‌ها می‌ره کنار، یه مدتی فهرست باز بمونه. چی کار کنم؟
       
      ممنون برای کمک