javascript - 带有滚动条的按钮链接到不同的 ID

Question

我正在尝试制作一个向下箭头，当您向下滚动时它会跳转到页面上的下一个 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>

Answer 1

我不确定我是否完全理解您想要做什么，但您的代码可以通过利用 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/