頁面重新整理後保持滾動條的位置

2022-04-29 00:57:06 字數 578 閱讀 4020

注意:如果頁面資料是ajax獲取展開的,必須要等資料全部載入,dom渲染完成後才能保持滾動條的位置。例如可以settimeout方式設定(等頁面全部渲染後執行設定scrooltop)

1.設定滾動條位置到cookie

//在即將離開當前頁面(重新整理或關閉)時執行

window.onbeforeunload = function ()

else if (typeof document.compatmode != 'undefined' &&

document.compatmode != 'backcompat')

else if (typeof document.body != 'undefined')

document.cookie = "scrolltop=" + scrollpos; //儲存滾動條位置到cookies中

}

2.頁面載入後讀取cookie裡滾動條的值
if (document.cookie.match(/scrolltop=([^;]+)(;|$)/) != null)

解決頁面重新整理後滾動條回滾的問題。

1.在頁面中新增乙個方法 private void keepscrollposition control p 2.在頁面中設定需要設定滾動條的控制項放在乙個div或panel中。示例如下 這裡是datagrid.3.在頁面中呼叫基類中的keepscrollposition方法 protected o...

頁面滾動條

頁面載入條 前面也介紹過幾種進入頁面時的載入條,這裡介紹的這個是乙個無需任何製作出來的載入條。效果很精美 更適合於深色頁面內的放入 為了讓大家能聯連貫地看學好下面的步驟,所以此例項載入後的頁面還是原頁面。製作方法 將下面的 複製到裡 將下面的 複製到裡 將下面的 複製到 裡 例項注釋 定義載入條屬性...

頁面載入完畢後滾動條自動滾動一定位置

昨天有一需求,是希望頁面載入完畢後向程式設計客棧左自動滾動一定位置。一直以為只要給頁面的 document.documentelement.scrollleft 設定乙個數值就生效,結果失望了 今天抽空一查,才發現 使用document.documentelement.scrollleft 設定值,...