JSページ更新後のスクロールバーの位置は変わりません
1854 ワード
ページ内のボタンをクリックしたり、ページをリフレッシュしたりすると、ページスクロールバーが上部に戻り、後ろの記録を見たいときにスクロールバーをドラッグしたり、ページをめくるボタンを押すのは不便で、ページを提出したり、ページをリフレッシュしたりしてもスクロールバーの位置を維持したい場合があります.最善の方法は、JSで現在のスクロールバーの位置をクッキーで記録し、リフレッシュ時にクッキーを読み取ることでこの機能を実現することです.
コードは次のとおりです.
htmlページで設定
コードは次のとおりです.
function showInfo(type,code){
window.location.href = "__URL__/show"+type+"/id/"+code;
}
function Trim(strValue)
{
return strValue.replace(/^s*|s*$/g,"");
}
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 == Trim(aCrumb[0]))
{
return unescape(aCrumb[1]);
}
}
return null;
}
function scrollback()
{
if(GetCookie("scroll")!=null){document.body.scrollTop=GetCookie("scroll")}
}
htmlページで設定
。
, .net , 。
[ ]http://blog.hehehehehe.cn/a/2391.htm