菜单贴在滚动上

Question

我想让我的菜单在向下滚动时更改，就像在纽约时报的文章http://www.nytimes.com/2014/08/07/science/space/spacecraft-pulls-alongside-comet.html上使用css或JavaScript一样。显然我必须创建两个菜单，比如让第一个消失，第二个菜单在滚动时出现。如果是这样，我如何使我的菜单或html div元素消失并使用CSS或JavaScript重新出现？

Answer 1

我建议使用

scrollFunc=function() {
    if (window.pageYOffset>100) {
        document.getElementById('header').innerHTML='This is a scrolled header!';
    }
}
window.onscroll=scrollFunc;