Tắt tính năng tự động cuộn của brower sau khi làm mới trang?

Question

Có cách nào để vô hiệu hóa hành vi trong đó một số trình duyệt hiện đại (Chrome và Safari) nhớ vị trí cuộn của bạn khi làm mới trang không?

Answer 1

Đối với trình duyệt hỗ trợ history.scrollRestoration, hành vi tự động cuộn có thể được tắt:

if ('scrollRestoration' in history) { 
    history.scrollRestoration = 'manual'; 
} 

nguồn: https://developers.google.com/web/updates/2015/09/history-api-scroll-restoration

Answer 2

không chỉ cho chrome, nhưng đối với tất cả tôi nghĩ rằng điều này sẽ làm việc tốt.

window.onload = function() { 
    window.scrollTo(0, 0); 
}; 

Sau khi cập nhật các câu hỏi của bạn:

Tôi nghĩ rằng nó tốt hơn nếu chúng ta sử dụng một số cookie hoặc lưu trữ phiên.

Answer 3

Bạn đã thử kích hoạt tính năng này sau khi tài liệu đã sẵn sàng chưa?

$(document).ready(function(){ 
    window.scrollTo(0, 0); 
}); 

nếu điều đó không làm việc ...

$(document).ready(function(){ 
    setTimeout(function(){ 
     window.scrollTo(0, 0); 
    }, 1); 
}); 

Mà sẽ đẩy này để dưới cùng của các cuộc gọi stack

Answer 4

Thay vì hy vọng một setTimout kết thúc ở dưới cùng của ngăn xếp - Tôi thà thực thi nó mà chúng tôi đã đạt được vị trí cuộn mà chúng tôi muốn. Tôi vẫn coi đây là một hack, tôi đã hy vọng cho một số loại sự kiện trình duyệt chúng tôi liên kết với.

var scrollToYPos = 100; 
var interval = setInterval(checkPos, 0); 

function checkPos() { 
    if ($(window).scrollTop() == scrollToYPos) { 
     clearInterval(interval); 
    } else { 
     window.scrollTo(0, scrollToYPos); 
     checkPos();    
    } 
}  

Answer 5

Tôi gặp phải sự cố tương tự này. Đây là giải pháp cơ bản mà tôi đã đưa ra:

 // scroll the user to the comments section if we need to 
     wt = win.scrollTop(); 
     wb = wt + win.height(); 
     // if scroll position is 0, do this (it's a fresh user), otherwise 
     // the browser is likely to resume the user's scroll position, in 
     // which case we don't want to do this 
     yab.loaded().done(function() { 
     // it seems that browsers (consistently) set the scroll position after 
     // page load. Accordingly wait a 1/4 second (I haven't tested this to the lowest 
     // possible timeout) before triggering our logic 
     setTimeout(function() { 
      // if the window top is 0, scroll the user, otherwise the browser restored 
      // the users scroll position (I realize this fails if the users scroll position was 0) 
      if(wt === 0) { 
      p = self.container.offset().top; 
      if(wb != p) { 
       win.scrollTop(p - th - 20);   
      } 
      }    
     }, 250); 
     }); 

Answer 6

Tôi nghĩ cách dễ nhất là lừa trình duyệt tải lại mà nó nghĩ là một trang mới.

window.location = window.location 

Tất cả các trình duyệt tôi đã thử nghiệm đều hoạt động ổn định. Cá nhân tôi sẽ tránh xa các callback onload vì chúng có thể gây ra các bước nhảy trong quá trình tải không quá hấp dẫn.