关于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));
     });
});