關於scrollIntoView()、scrollTop()用法

一、scrollIntoView()

     1、定義

scrollIntoView（）受Internet Explorer 和Firefox支持，並且在將滾動屬性應用於HTML頁面，div或框架時可以是非常有用的方法。它滾動頁面，div或框架，直到搜索元素在視圖中。

     2、語法

element.scrollIntoView（topalign）;

      opalign是一個布爾值並且是可選的。如果將其設置為值“true”，則將元素與滾動區域的頂部對齊，如果為“false”，則將元素與滾動區域的底部對齊。默認情況下，如果未提供任何值，則通過假設topalign 值為true，它會自動將元素與滾動區域的頂部對齊。

    3、實例

     document.getElementById("detailShow").scrollIntoView(true);  

 

二、scrollTop()

     1、定義

      scrollTop() 方法返回或設置匹配元素的滾動條的垂直位置。

      2、語法

返回滾動條位置

 

$(selector).scrollTop()；

設置滾動條位置

$(selector).scrollTop(offset)

 

   offset，可選。規定相對滾動條頂部的偏移，以像素計。

 3、實例

//顯示滾動條位置
$(document).ready(function(){
   $("#div1").click(function(){
     alert($("div").scrollTop()+" px");
});

//設置滾動條位置
//需要注意的是，這里的數值不能加引號。也不用加px.   只需要給數值就可以了
$("#btn").click(function(){ 
     $("div").scrollTop(60));
     });
});