رایموند
4 سال پیش توسط رایموند مطرح شد
2 پاسخ

مشکل تغییر رنگ با اسکرول جاوا اسکریپت

درود دوستان...
من از کدی برای تغییر رنگ مثلا منو بوت استرپ استفاده کردم ولی کار نمی کنه...
این کد امتحان کردم کار نمی کرد:
عنوان لینک مورد نظر

کد زیر:

$(document).ready(function(){       
   var scroll_start = 0;
   var startchange = $('#startchange');
   var offset = startchange.offset();
    if (startchange.length){
   $(document).scroll(function() { 
      scroll_start = $(this).scrollTop();
      if(scroll_start > offset.top) {
          $(".bg-dark").css('background-color', '#f0f0f0');
       } else {
          $('.bg-dark').css('background-color', 'transparent');
       }
   });
    }
});

کد منو :

<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"></nav>

ثبت پرسش جدید
محسن بستان
تخصص : Senior Backend Developer
@mohsenbostan 4 سال پیش مطرح شد
2

@endworld
سلام.
من از کد زیر استفاده کردم، درست بود:

$(document).ready(function () {
        $(document).scroll(function () {
            var $nav = $(".fixed-top");
            $nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height());
            $nav.toggleClass('call-to-action', $(this).scrollTop() > $nav.height());
        });
});

رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 4 سال پیش مطرح شد
0

@mohsenbostan
ممنون...
یه امتحان می کنم...


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام