<分区>
我使用 bootstrap 作为主题,我看到了这个网站:http://www.luatix.org/en/我喜欢导航栏上的效果。向下滚动时更改颜色并更改元素的颜色。
谢谢
最佳答案
这是一个jsfiddle example .使用 Jquery 根据滚动像素位置更改背景颜色。
$(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) {
$(".navbar-default").css('background-color', '#f0f0f0');
} else {
$('.navbar-default').css('background-color', 'transparent');
}
});
}
});
关于javascript - Bootstrap 导航栏将颜色更改为滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44214238/