本人自己使用的两种从cookie获取滚动条位置信息
1、整体浏览器滚动条页面加载时从cookie获取滚动条位置信息,然后附值给滚动条 从而定位滚动条位置
window.οnlοad= function() {
debugger;
var arr;
if(arr=document.cookie.match(/scrollTop=([^;]+)(;|$)/))
{
document.documentElement.scrollTop=parseInt(arr[1]);
document.body.scrollTop=parseInt(arr[1]);
}
};
// 页面刷新前保存滚动条位置信息到cookie
window.οnbefοreunlοad=function(){
debugger;
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;
}
$(document).ready(function () {
// $("#tabhead").css("width", $("#MyTable").css("width"));
$("#tabdiv").scroll(function () { // 滚动条移动事件
var yheight = $("#tabdiv").scrollTop(); // 滚动条距顶端的距离
$("#tabhead").css("top", yheight + "px");
});
});
2、在 div 或者在 table滚动条加载时从cookie获取滚动条位置信息,然后附值给滚动条从而定位滚动条位置
var _h = 0;
function SetH(o) {
_h = o.scrollTop
SetCookie("a", _h)
}
window.onload = function () {
document.getElementById("x").scrollTop = GetCookie("a");//页面加载时设置scrolltop高度
}
function SetCookie(sName, sValue) {
document.cookie = sName + "=" + escape(sValue) + "; ";
}
function GetCookie(sName) {
var aCookie = document.cookie.split("; ");
for (var i = 0; i < aCookie.length; i++) {
var aCrumb = aCookie[i].split("=");
if (sName == aCrumb[0])
return unescape(aCrumb[1]);
}
return 0;
}