您的位置：首页 > 其它

页面刷新后不改变滚动条

2011-08-19 18:50 204 查看

1.总的页面刷新后不改变滚动条

<script type= "text/javascript ">

function getCookie(c_name)

{

if (document.cookie.length> 0)

{

c_start=document.cookie.indexOf(c_name + "= ")

if (c_start!=-1)

{

c_start=c_start + c_name.length+1

c_end=document.cookie.indexOf( "; ",c_start)

if (c_end==-1) c_end=document.cookie.length

return unescape(document.cookie.substring(c_start,c_end))

}

}

return " "

}

function setCookie(c_name,value,expiredays)

{

var exdate=new Date()

exdate.setDate(exdate.getDate()+expiredays)

document.cookie=c_name+ "= " +escape(value)+((expiredays==null) ? " " : ";expires= "+exdate.toGMTString())

}

function aa()

{

setCookie( "pos ",document.body.scrollHeight)

}

function checkMe()

{

if(getCookie( "pos ") != " ")

{

document.body.scrollHeight = getCookie( "pos ") + "px "

}

}

</script>

<body onscroll= "aa() ">

 1 

 1 

 1 

 1 

 1 

 1 

 1 

 1 

 1 

 1 

 1 

 1 

 1 

 1 

 1 

 1 

 1 

 2 

 2 

 2 

 2 

 2 

 2 

 2 

<input type= "button " value= "刷新 " onclick= "aa() " />

 2 

 2 

 2 

 2 

 2 

 2 

 2 

 2 

 2 

 2 

 2 

 2 

 2 

 2 

 2 

<script>

checkMe()

</script>

2.下拉选择选中后刷新不改变下拉选中时的滚动条

<script>

function restore(){

var s = document.cookie;

var a = s.split( "; ");

var b, r= " ";

for(var i=0;i <a.length;i++){

b = a[i].split( "= ");

if(b[0]== "s "){r=b[1];break;}

}

if(r != " "){

a = r.split( "- ");

var sel = document.form1.sel;

sel.scrollTop = a[0]

sel.selectedIndex = a[1];

}

}

function doit(){

var sel = document.form1.sel;

document.cookie = "s= " + sel.scrollTop + "- " + sel.selectedIndex;

}

</script>

</head>

<body onload= "restore(); ">

<form name= "form1 ">

<select name= "sel " size= "5 " multiple= "multiple " onchange= "doit(); ">

<option> 00000 </option>

<option> 00001 </option>

<option> 00002 </option>

<option> 00003 </option>

<option> 00004 </option>

<option> 00005 </option>

<option> 00006 </option>

<option selected= "selected "> 00007 </option>

<option> 00008 </option>

<option> 00009 </option>

<option> 00010 </option>

<option> 00011 </option>

<option> 00012 </option>

<option> 00013 </option>

</select>

<form>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航