Fatal编程技术网
  • javascript/
  • Javascript 更改不同节上的标题背景

Javascript 更改不同节上的标题背景

javascript jquery html css

Javascript 更改不同节上的标题背景,javascript,jquery,html,css,fullpage.js,Javascript,Jquery,Html,Css,Fullpage.js,试试这个： var top1=$（'#section1'）.offset（）.top； var top2=$（'#section2'）.offset（）.top； var top3=$（'#section3'）.offset（）.top； var top4=$（'#section4'）.offset（）.top； var top5=$（'#section5'）.offset（）.top； $（文档）。滚动（函数（）{ var scrollPos=$（document.scrollTop（）； 



    

  • 

  • 

  • 

  • 

  •
试试这个：

var top1=$（'#section1'）.offset（）.top；
var top2=$（'#section2'）.offset（）.top；
var top3=$（'#section3'）.offset（）.top；
var top4=$（'#section4'）.offset（）.top；
var top5=$（'#section5'）.offset（）.top；
$（文档）。滚动（函数（）{
var scrollPos=$（document.scrollTop（）；
如果（scrollPos>=top1&&scrollPos=top2&&scrollPos=top3&&scrollPos=top4&&scrollPos=top5）{
$（'#change'）.css（'background-color'，'#ff0000'）；
}
});

正文{
保证金：0；
填充顶部：30px
}
标题{
位置：固定；
排名：0；
宽度：100%；
高度：30px；
背景色：#000；
}
保险商实验室{
列表样式类型：无；
填充：0px；
边际：0px；
}
ulli{
显示：内联块；
填充物：5px；
}
部分{
高度：500px；
背景色：#aaa；
}




    

  • 

  • 

  • 

  • 

  • 


内容
内容
内容
内容
内容
尝试以下方法：



var top1=$（'#section1'）.offset（）.top；
var top2=$（'#section2'）.offset（）.top；
var top3=$（'#section3'）.offset（）.top；
var top4=$（'#section4'）.offset（）.top；
var top5=$（'#section5'）.offset（）.top；
$（文档）。滚动（函数（）{
var scrollPos=$（document.scrollTop（）；
如果（scrollPos>=top1&&scrollPos=top2&&scrollPos=top3&&scrollPos=top4&&scrollPos=top5）{
$（'#change'）.css（'background-color'，'#ff0000'）；
}
});

正文{
保证金：0；
填充顶部：30px
}
标题{
位置：固定；
排名：0；
宽度：100%；
高度：30px；
背景色：#000；
}
保险商实验室{
列表样式类型：无；
填充：0px；
边际：0px；
}
ulli{
显示：内联块；
填充物：5px；
}
部分{
高度：500px；
背景色：#aaa；
}




    

  • 

  • 

  • 

  • 

  • 


内容
内容
内容
内容
内容