js:返回到頁面時滾動到上次瀏覽位置
客戶端儲存資料的兩個物件為:
localStorage:沒有時間限制的資料儲存
sessionStorage - 針對一個 session 的資料儲存(關閉視窗,儲存的資料清空)
程式碼塊:
//滾動時儲存滾動位置
KaTeX parse error: Expected '}', got 'EOF' at end of input: …nction(){ if((document).scrollTop()!=0){
sessionStorage.setItem(“offsetTop”, $(window).scrollTop());
}
});
//onload時,取出並滾動到上次儲存位置
window.onload = function(){
var offset = sessionStorage.getItem(“offsetTop”);
KaTeX parse error: Expected 'EOF', got '}' at position 31: …llTop(offset); }̲; 1 2 3 4 5 6 7…(document).ready(function());
作者:青青子衿cc
來源:CSDN
原文:https://blog.csdn.net/chu782729918/article/details/59489616
版權宣告:本文為博主原創文章,轉載請附上博文連結!
相關文章
- 滾動到指定位置jsJS
- Vue.js輕鬆實現頁面後退時,還原滾動位置Vue.js
- js——頁面回到頂部JS
- js頁面全屏垂直滾動效果JS
- js實現重新整理頁面依然能夠使滾動條滾定在原來位置JS
- 如何實現頁面重新整理後不定位到之前的滾動位置?
- 禁止頁面後退JS(相容各瀏覽器)JS瀏覽器
- 直播軟體搭建,vue3 頁面回到頂部(平緩滾動效果)Vue
- win10怎樣禁止IE頁面自動跳轉到EDGE瀏覽器 win10禁止IE頁面自動跳轉到EDGE瀏覽器的教程Win10瀏覽器
- 不同瀏覽器下圖片滾動效果的js瀏覽器JS
- js管理頁面元素位置大小JS
- vue監聽頁面中的某個div的滾動事件,並判斷滾動的位置Vue事件
- scrollview滾動到指定位置View
- 直播帶貨原始碼,vue中點選按鈕平滑滾動到頁面某個div位置原始碼Vue
- 我一個div有橫向滾動條,如何讓他頁面一載入就讓他滾動到中間的位置
- 詳情頁返回列表頁恢復滾動位置
- 相容所有瀏覽器的js滑鼠中鍵滾動事件瀏覽器JS事件
- 頁面圖片自動滾動
- 使用js控制滾動條的位置JS
- react記錄頁面的滾動條位置React
- 瀏覽器原生支援平滑滾動瀏覽器
- 瀏覽器的錯誤滾動瀏覽器
- 遮罩層禁止頁面滾動遮罩
- 禁止頁面滾動的方法
- 頁面滾動偵聽器
- 瀏覽器頁面渲染機制瀏覽器
- 瀏覽器彈出小頁面瀏覽器
- 頁面沒有出現滾動條時底部懸浮顯示到最底部
- 微信瀏覽器跳轉頁面後再返回,如何恢復到跳轉前的位置的問題。瀏覽器
- 筆記本win10系統瀏覽網頁時滑鼠自動上下滾動如何解決筆記Win10網頁
- VS Code在瀏覽器預覽HTML頁面瀏覽器HTML
- 不完全解決ios瀏覽器頁面滾動到底部或頂部後導致頁面區域性滑動失效的問題iOS瀏覽器
- vue頁面有彈層,禁止頁面滾動Vue
- 從頁面底部回到頂部+動畫效果 & 翻頁後從按鈕處回到頁面頂部動畫
- vue 監聽頁面滾動事件Vue事件
- Flutter SingleChildScrollView 滾動頁面FlutterView
- 前端頁面自定義滾動條前端
- 谷歌瀏覽器頁面放大縮小谷歌瀏覽器