gpt4 book ai didi

javascript - 滚动过去的元素时更改固定标题的背景

转载 作者:行者123 更新时间:2023-12-01 02:05:39 24 4
gpt4 key购买 nike

我试图在滚动页面上的某些 DIV 部分时更改固定标题的背景颜色,类似于:

http://www.adamrudzki.com/

我使用的部分没有固定的高度。

我发现了这个类似的问题Change background-color while scrolling

(使用这个 fiddle http://jsfiddle.net/cEvJk/18/ )

var t = $('#about').offset().top - 100;

$(document).scroll(function(){
if($(this).scrollTop() > t)
{
$('header').css({"background-color":"green"});
}
});

但我无法让效果在所有部分重复。

最佳答案

试试这个:

var t = $('#about').offset().top - 100;
var t1 = $('#work').offset().top - 100;

$(document).scroll(function(){
if($(this).scrollTop() > t1) {
$('header').css({"background-color":"blue"});
} else if($(this).scrollTop() > t) {
$('header').css({"background-color":"green"});
} else {
$('header').css({"background-color":"#520833"});
}
});

依此类推 var t2 = ...

不要忘记在 if 的顶部放置更高的值

关于javascript - 滚动过去的元素时更改固定标题的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21757193/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com