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
版權宣告:本文為博主原創文章,轉載請附上博文連結!
相關文章
- 如何實現頁面重新整理後不定位到之前的滾動位置?
- 使用js控制滾動條的位置JS
- 直播軟體搭建,vue3 頁面回到頂部(平緩滾動效果)Vue
- win10怎樣禁止IE頁面自動跳轉到EDGE瀏覽器 win10禁止IE頁面自動跳轉到EDGE瀏覽器的教程Win10瀏覽器
- react記錄頁面的滾動條位置React
- 瀏覽器原生支援平滑滾動瀏覽器
- vue監聽頁面中的某個div的滾動事件,並判斷滾動的位置Vue事件
- 從頁面底部回到頂部+動畫效果 & 翻頁後從按鈕處回到頁面頂部動畫
- 我一個div有橫向滾動條,如何讓他頁面一載入就讓他滾動到中間的位置
- Flutter SingleChildScrollView 滾動頁面FlutterView
- 直播帶貨原始碼,vue中點選按鈕平滑滾動到頁面某個div位置原始碼Vue
- 筆記本win10系統瀏覽網頁時滑鼠自動上下滾動如何解決筆記Win10網頁
- Android ScrollView滾動到指定View的位置AndroidView
- 頁面圖片自動滾動
- 瀏覽器頁面渲染機制瀏覽器
- 頁面沒有出現滾動條時底部懸浮顯示到最底部
- 禁止頁面滾動的方法
- 遮罩層禁止頁面滾動遮罩
- 不完全解決ios瀏覽器頁面滾動到底部或頂部後導致頁面區域性滑動失效的問題iOS瀏覽器
- VS Code在瀏覽器預覽HTML頁面瀏覽器HTML
- 瀏覽器滾動條高度的獲取瀏覽器
- RecyclerView滾動位置,滾動速度設定View
- 瀏覽器URL從輸入到頁面繪製完成過程瀏覽器
- 從輸入地址到頁面渲染,瀏覽器都做了什麼瀏覽器
- vue頁面有彈層,禁止頁面滾動Vue
- 谷歌瀏覽器頁面放大縮小谷歌瀏覽器
- 瀏覽器頁面載入過程瀏覽器
- vue單頁應用中 返回列表記住上次滾動位置、keep-alive快取之後更新列表資料 那點事VueKeep-Alive快取
- vue 監聽頁面滾動事件Vue事件
- 前端頁面自定義滾動條前端
- js實現 web頁面的滾動條下拉時載入更多JSWeb
- js 怎樣判斷使用者是否在瀏覽當前頁面JS
- 360瀏覽器相容模式下jsp頁面訪問不到js檔案瀏覽器模式JS
- js進入詳情頁再返回到上一個列表頁面時怎麼能讓原來頁面資料不變JS
- Three.js 進階之旅:頁面平滑滾動-王國之淚 ?JS
- html/css 滾動到元素位置,顯示載入動畫HTMLCSS動畫
- 直播平臺製作,禁止頁面滾動 / 滾動事件穿透事件穿透
- 移動端頁面滾動--解決方法