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

2023年3月11日 169次阅读

我用jQuery创建了一个scrollTo函数,它的工作非常棒.

但是,当我点击滚动视图到另一个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);
  });
});

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

最佳答案 这是由于Google Chrome的默认标准可以保存您的职位历史记录.而它会将您重定向到您所在的位置,如书签.

这不是问题,只是浏览器功能,应该是担心.

点赞