欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

頁面刷新時記住滾動條的位置jquery代碼

 更新時間:2014年06月17日 09:04:36   投稿:whsnow  
這篇文章主要介紹了點擊按鈕頁面刷新的時候 記住滾動條的位置,需要的朋友可以參考下
@*點擊按鈕頁面刷新的時候 記住滾動條的位置*@
復制代碼 代碼如下:

<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>

相關(guān)文章

  • jquery實現(xiàn)的一個導航滾動效果具體代碼

    jquery實現(xiàn)的一個導航滾動效果具體代碼

    首頁有一個導航頁面要實現(xiàn)滾動效果,索性就仿造別人的效果自己做了一個,大體上還行,看起來還是比較流暢的,現(xiàn)滾動效果,腳本代碼如下,感興趣的朋友可以參考下
    2013-05-05
  • 淺談$(document)和$(window)的區(qū)別

    淺談$(document)和$(window)的區(qū)別

    本人在做項目的時候遇到$(document),$(window)這兩種寫法立馬讓我蒙圈了,那么他們的區(qū)別是什么呢,在網(wǎng)友的幫助下,徹底了解了他們的區(qū)別,這里分享給大家。
    2015-07-07
  • jQuery實現(xiàn)底部浮動窗口效果

    jQuery實現(xiàn)底部浮動窗口效果

    這篇文章主要介紹了jQuery實現(xiàn)底部浮動窗口效果,涉及jQuery事件響應(yīng)及頁面元素動態(tài)變換的相關(guān)操作技巧,需要的朋友可以參考下
    2016-09-09
  • jQuery事件綁定用法詳解

    jQuery事件綁定用法詳解

    這篇文章主要介紹了jQuery事件綁定用法,結(jié)合多個實例較為詳細的分析了常見的jQuery事件綁定實現(xiàn)技巧與使用方法,需要的朋友可以參考下
    2016-09-09
  • jquery實現(xiàn)的讓超出顯示范圍外的導航自動固定屏幕最頂上

    jquery實現(xiàn)的讓超出顯示范圍外的導航自動固定屏幕最頂上

    經(jīng)常會遇到這樣的情況,當頁面展示內(nèi)容過長時,想點導航切換欄目,就得把滾動條拉回到頂上,這樣操作總不太人性化,能不能讓導航超出顯示范圍外時自動貼在屏幕最頂上呢?答案肯定是能的。如果不太明白,把滾動條拉到下面點,看下我博客是效果就明白了。
    2011-09-09
  • jquery彈出關(guān)閉遮罩層實例

    jquery彈出關(guān)閉遮罩層實例

    這篇文章介紹了jquery彈出關(guān)閉遮罩層實例,有需要的朋友可以參考一下
    2013-08-08
  • jquery+css3實現(xiàn)會動的小圓圈效果

    jquery+css3實現(xiàn)會動的小圓圈效果

    這篇文章主要介紹了jquery+css3實現(xiàn)會動的小圓圈效果,涉及jquery基于時間函數(shù)動態(tài)操作頁面元素css3樣式的相關(guān)技巧,需要的朋友可以參考下
    2016-01-01
  • 各式各樣的導航條效果css3結(jié)合jquery代碼實現(xiàn)

    各式各樣的導航條效果css3結(jié)合jquery代碼實現(xiàn)

    這篇文章主要為大家分享了css3結(jié)合jquery代碼實現(xiàn)各式各樣的導航條效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-09-09
  • jquery實現(xiàn)表單輸入時提示文字滑動向上效果

    jquery實現(xiàn)表單輸入時提示文字滑動向上效果

    這篇文章主要介紹了jquery實現(xiàn)表單輸入時提示文字滑動向上效果,涉及jquery鼠標事件響應(yīng)及頁面元素樣式的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-08-08

最新評論