Question

我刚接触Javascript并使用Jquery而遇到了问题。我做了一个滚动到顶部的按钮，当你开始向下滚动时应该可以看到它。我得到它的工作，当我点击它时，我顺利滚动到顶部，当你在顶部时，它消失了。只有当我第一次加载它已经可见的页面时，然后当我向下滚动它时会暂时消失，直到我到达元素所在的位置，当你向下滚动时它会再次弹出。这是我的代码：

$(document).ready(function(){

  $(window).scroll(function(){
    if ($(this).scrollTop() > 100) {
      $('#backTop a').fadeIn();
    }
    else {
      $('#backTop a').fadeOut();
    }
  });

  $('#backTop a').click(function(){
    $('html, body').animate({scrollTop : 0},800);
      return false;
    });
});

Answer 1

您还需要更改按钮的CSS。默认情况下，在显示HTML之前的所有元素之后，将显示该元素。您可以更改CSS以确保元素始终粘贴到视口的底部：

#backTop a{
    position: fixed;
    display: none;
    bottom: 10px;
    right: 10px;
}

固定定位可确保您的div始终保持在同一位置。您可以使用顶部，右侧，左侧和底部规则放置元素。我将显示设置为无，因为最初不应显示返回顶部按钮。

滚动到顶部可见性

1 个答案: