Question

我使用scrollTo创建了function jQuery，它的工作非常出色。但是，当我点击滚动视图到另一个DIV（div滚动到视图）的箭头后刷新页面时，它不会返回到页面顶部（默认视图）。相反，它会继续显示DIV视图。我不知道这是我的浏览器还是我的代码，如果代码适合你，请告诉我！

HTML

<div class="banner">    
  <div class="arrow-down">
     <div class="arrow">
     </div>
  </div>
</div>

CSS

.arrow-down {
  width: 80px;
  height: 80px;
  left: 50%;
  margin-left: -40px;
  cursor: pointer;
  z-index: 10;
  bottom: 5%;
}
.arrow {
  width: 24px;
  height: 24px;
  margin-left: -12px;
  margin-top: -12px;
  border-right: 3px solid white;
  border-bottom: 3px solid white;
  top: 50%;
  left: 50%;
  z-index: 20;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow-down, .arrow {
  position: absolute;
}
.test {
  height: 1200px;
}

JavaScript / jQuery

  $(document).ready(function() {
    $('.arrow').click(function() {
      $('html, body').animate({
        scrollTop: $('.test').offset().top
      }, 1000);
  });
});

如果我不够清楚，请告诉我，我会尽力回答你的困惑。

Answer 1

这是由于Google Chrome的默认标准会保存您的职位历史记录。而它会将您重定向到您所在的位置，如书签。

这不是问题，只是浏览器功能，应该是后顾之忧。

Answer 2

页面刷新时不跳回到scrollTop（0）是本机浏览器功能，建议不要覆盖它，但如果你坚持，在页面加载时你可以通过以下方式手动设置它：

$(document).ready(function(){
    $(this).scrollTop(0);
});

每次加载页面时，这将强制浏览器处于scrollTop（0）。

刷新页面 - 在DIV上查看“冻结”？

2 个答案: