頁面刷新時(shí)記住滾動條的位置jquery代碼
更新時(shí)間:2014年06月17日 09:04:36 投稿:whsnow
這篇文章主要介紹了點(diǎn)擊按鈕頁面刷新的時(shí)候 記住滾動條的位置,需要的朋友可以參考下
@*點(diǎn)擊按鈕頁面刷新的時(shí)候 記住滾動條的位置*@
<script type="text/javascript">
window.onbeforeunload = function () {
var scrollPos;
if (typeof window.pageYOffset != 'undefined') {
scrollPos = window.pageYOffset;
}
else if (typeof document.compatMode != 'undefined' &&
document.compatMode != 'BackCompat') {
scrollPos = document.documentElement.scrollTop;
}
else if (typeof document.body != 'undefined') {
scrollPos = document.body.scrollTop;
}
document.cookie = "scrollTop=" + scrollPos; //存儲滾動條位置到cookies中
}
window.onload = function () {
if (document.cookie.match(/scrollTop=([^;]+)(;|$)/) != null) {
var arr = document.cookie.match(/scrollTop=([^;]+)(;|$)/); //cookies中不為空,則讀取滾動條位置
document.documentElement.scrollTop = parseInt(arr[1]);
document.body.scrollTop = parseInt(arr[1]);
}
}
</script>
復(fù)制代碼 代碼如下:
<script type="text/javascript">
window.onbeforeunload = function () {
var scrollPos;
if (typeof window.pageYOffset != 'undefined') {
scrollPos = window.pageYOffset;
}
else if (typeof document.compatMode != 'undefined' &&
document.compatMode != 'BackCompat') {
scrollPos = document.documentElement.scrollTop;
}
else if (typeof document.body != 'undefined') {
scrollPos = document.body.scrollTop;
}
document.cookie = "scrollTop=" + scrollPos; //存儲滾動條位置到cookies中
}
window.onload = function () {
if (document.cookie.match(/scrollTop=([^;]+)(;|$)/) != null) {
var arr = document.cookie.match(/scrollTop=([^;]+)(;|$)/); //cookies中不為空,則讀取滾動條位置
document.documentElement.scrollTop = parseInt(arr[1]);
document.body.scrollTop = parseInt(arr[1]);
}
}
</script>
您可能感興趣的文章:
- jQuery彈出層后禁用底部滾動條(移動端關(guān)閉回到原位置)
- jQuery實(shí)現(xiàn)將div中滾動條滾動到指定位置的方法
- jquery 點(diǎn)擊元素后,滾動條滾動至該元素位置的方法
- jQuery實(shí)現(xiàn)定位滾動條位置
- jQuery實(shí)現(xiàn)根據(jù)滾動條位置加載相應(yīng)內(nèi)容功能
- 使用jQuery判斷瀏覽器滾動條位置的方法
- 通過JQuery將DIV的滾動條滾動到指定的位置方便自動定位
- jQuery判斷div隨滾動條滾動到一定位置后停止
- JS和JQUERY獲取頁面大小,滾動條位置,元素位置(示例代碼)
- JQuery獲取元素文檔大小、偏移和位置和滾動條位置的方法集合
- jQuery實(shí)現(xiàn)滾動條滾動到子元素位置(方便定位)
相關(guān)文章
jquery實(shí)現(xiàn)的一個(gè)導(dǎo)航滾動效果具體代碼
首頁有一個(gè)導(dǎo)航頁面要實(shí)現(xiàn)滾動效果,索性就仿造別人的效果自己做了一個(gè),大體上還行,看起來還是比較流暢的,現(xiàn)滾動效果,腳本代碼如下,感興趣的朋友可以參考下2013-05-05淺談$(document)和$(window)的區(qū)別
本人在做項(xiàng)目的時(shí)候遇到$(document),$(window)這兩種寫法立馬讓我蒙圈了,那么他們的區(qū)別是什么呢,在網(wǎng)友的幫助下,徹底了解了他們的區(qū)別,這里分享給大家。2015-07-07jquery實(shí)現(xiàn)的讓超出顯示范圍外的導(dǎo)航自動固定屏幕最頂上
經(jīng)常會遇到這樣的情況,當(dāng)頁面展示內(nèi)容過長時(shí),想點(diǎn)導(dǎo)航切換欄目,就得把滾動條拉回到頂上,這樣操作總不太人性化,能不能讓導(dǎo)航超出顯示范圍外時(shí)自動貼在屏幕最頂上呢?答案肯定是能的。如果不太明白,把滾動條拉到下面點(diǎn),看下我博客是效果就明白了。2011-09-09jquery+css3實(shí)現(xiàn)會動的小圓圈效果
這篇文章主要介紹了jquery+css3實(shí)現(xiàn)會動的小圓圈效果,涉及jquery基于時(shí)間函數(shù)動態(tài)操作頁面元素css3樣式的相關(guān)技巧,需要的朋友可以參考下2016-01-01各式各樣的導(dǎo)航條效果css3結(jié)合jquery代碼實(shí)現(xiàn)
這篇文章主要為大家分享了css3結(jié)合jquery代碼實(shí)現(xiàn)各式各樣的導(dǎo)航條效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09jquery實(shí)現(xiàn)表單輸入時(shí)提示文字滑動向上效果
這篇文章主要介紹了jquery實(shí)現(xiàn)表單輸入時(shí)提示文字滑動向上效果,涉及jquery鼠標(biāo)事件響應(yīng)及頁面元素樣式的動態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08