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

时间:2012-05-23 13:29:38

标签: javascript jquery css html5

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

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:1)

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

$(function(){



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

    }


  })
})