js設置滾動條位置

時間 2019-11-09

原文原文鏈接

JS控制滾動條的位置：javascript

window.scrollTo(x,y);

豎向滾動條置頂(window.scrollTo(0,0);
豎向滾動條置底 window.scrollTo(0,document.body.scrollHeight);

JS控制TextArea滾動條自動滾動到最下部

document.getElementById('textarea').scrollTop = document.getElementById('textarea').scrollHeight;

 

iframe中操做父級滾動條

window.parent.scrollTo(x,y);

注意：iframe中的地址和父級地址必須一致，就是要和父級在同一個文件夾

不然,js會報錯

 

下面是經過javascript設置cookie記錄滾動條位置
<HTML>
<HEAD>
<TITLE> 記錄滾動條位置 </TITLE>
<script language="javascript">
function SetCookie(sName, sValue)
{
   date = new Date();
   s = date.getDate();
   date.setDate(s+1);    //設置cookie的有效期
   document.cookie = sName + "=" + escape(sValue) + "; expires=" + date.toGMTString();//建立cookie
}
function GetCookie(sName)
{
   var aCookie = document.cookie.split("; "); //將cookie中的數據切割成數組，方便遍歷
   for (var i=0; i < aCookie.length; i++)      //遍歷cookie中的數據
   {
   var aCrumb = aCookie[i].split("=");         //將鍵和值分開
   if (sName == aCrumb[0]) {                   //判斷是不是指定的鍵
    return unescape(aCrumb[1]);}            //返回鍵對應的值
   }
   return null;
}
function winLoad()
{
   document.body.scrollLeft = GetCookie("scrollLeft");//獲取水平滾動條位置
   document.body.scrollTop = GetCookie("scrollTop"); //獲取垂直滾動條位置
}
function winUnload()
{
   SetCookie("scrollLeft", document.body.scrollLeft) //保存水平滾動條位置
   SetCookie("scrollTop", document.body.scrollTop)    //保存垂直滾動條位置
}
window.onload = winLoad;                               //加載頁面時自動執行獲取cookie保存值的方法
window.onunload = winUnload;                           //關閉頁面時自動執行保存cookie的方法
</script>
</HEAD>
<BODY>

</BODY>
</HTML>

JQUERY控制滾動條位置java

var scrollTop = $(window).scrollTop();   
$(window).scrollTop(scrollTop);//保持滾動條距離底部0px

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。