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