مشکل تغییر رنگ با اسکرول جاوا اسکریپت
درود دوستان...
من از کدی برای تغییر رنگ مثلا منو بوت استرپ استفاده کردم ولی کار نمی کنه...
این کد امتحان کردم کار نمی کرد:
عنوان لینک مورد نظر
کد زیر:
$(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>
ثبت پرسش جدید
پاسخها
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());
});
});
@mohsenbostan
ممنون...
یه امتحان می کنم...
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد