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/

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

1 个答案: