1. 程式人生 > 實用技巧 >記錄頁面位置及進入頁面時跳轉位置

記錄頁面位置及進入頁面時跳轉位置

記錄位置

window.addEventListener("scroll", function () {
  var scrrtop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
  if (scrrtop > 0) {
    localStorage.setItem('scrollTop', scrrtop);
  }
});

跳轉位置

let offsety = localStorage.getItem('scrollTop') || 0;
if (offsety) {
  window.scrollTo(
0, offsety); }

以下為網路收集方法,僅供參考,不一定有效

console.log($(window).scrollTop());
console.log(document.documentElement.scrollTop);
window.addEventListener("scroll", function(){
  console.log(document.documentElement.scrollTop);
  console.log(document.body.scrollTop);
  var scrrtop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
  console.log(scrrtop);
});
$(window).scroll(function() {
  //為了保證相容性,這裡取兩個值,哪個有值取哪一個   //scrollTop就是觸發滾輪事件時滾輪的高度   var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;   console.log('滾動距離' + scrollTop); })






setInterval(function () {
  var docElement = document.documentElement.scrollTop;   var pageYOff = window.pageYOffset;   var scllTop = document.body.scrollTop;   console.log(docElement);   console.log(pageYOff);   console.log(scllTop); },
1000);