当页面到达某个#anchor点时，有没有办法改变我的<header>样式？</header>

Question

我有一个问题要问，希望得到答案。我正在创建一个包含四个#anchor点“页面”的单页投资组合网站。 div有100％的高度，因此它们填满了整个浏览器的高度。我的标题（徽标和导航）有一个固定的位置。当用户点击链接或滚动到第三和第四#anchor点时，我想更改标题的样式（我的徽标和链接颜色）。有人可以帮我解决这个问题，因为我无法弄明白吗？

Answer 1

jQuery Waypoints可能是实现这一目标的简单方法。当用户滚动浏览页面上的某些点时，它允许您触发任何类型的操作。

Answer 2

这将检查页面上div相对于滚动目标div的高度位置。这就是我相信你在寻找的东西。

$(function(){



$(window).scroll(function(){
    if($('#targetDiv').offset().top >= window.scrollX ){

    }


  })
})