使用滚动按钮链接到不同的ID

时间:2013-05-27 23:55:05

标签: javascript jquery css

我正在尝试制作一个向下箭头,当您向下滚动时,它会跳转到页面上的下一个ID。我真的不懂JavaScript,所以我试着让它尽可能简单。我想,因为只有几个部分,我可以隐藏并显示具有不同目标的箭头的不同div。我使用了两个不同的代码来实现这个目标,但似乎并没有起作用。有什么想法吗?

<script type="text/javascript">

$(window).scroll(function(){
    if($(window).scrollTop() >= 800) {
        var elem = document.getElementById("arrow");
        elem.setAttribute("style","display:none;");
    } else {
        elem.setAttribute("style","display:inline;");
    }
});

</script>

1 个答案:

答案 0 :(得分:0)

我不确定我到底知道你想要做什么,但是你可以通过利用jQuery提供的快捷方式来简化你的代码。

//When the document is ready...
$(function(){
  //Select the arrow just once
  var arrow = $("#arrow");

  //Attach a scroll event to the window
  $(window).scroll(function(){
    //See what the scroll position is
    var scrollPos = document.body.scrollTop;

    //When the document has scrolled to a certain point or more, hide the arrow.
    //Otherwise, show it.
    if(scrollPos >= 800){
       arrow.hide();
    } else {
       arrow.show();
    }

  });

});

以下是该动作的简要演示:http://jsfiddle.net/Bt35Q/