关于scrollIntoView()、scrollTop()用法

一、scrollIntoView()

     1、定义

scrollIntoView（）受Internet Explorer 和Firefox支持，并且在将滚动属性应用于HTML页面，div或框架时可以是非常有用的方法。它滚动页面，div或框架，直到搜索元素在视图中。

     2、语法

element.scrollIntoView（topalign）;

      opalign是一个布尔值并且是可选的。如果将其设置为值“true”，则将元素与滚动区域的顶部对齐，如果为“false”，则将元素与滚动区域的底部对齐。默认情况下，如果未提供任何值，则通过假设topalign 值为true，它会自动将元素与滚动区域的顶部对齐。

    3、实例

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

 

二、scrollTop()

     1、定义

      scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。

      2、语法

返回滚动条位置

 

$(selector).scrollTop()；

设置滚动条位置

$(selector).scrollTop(offset)

 

   offset，可选。规定相对滚动条顶部的偏移，以像素计。

   3、实例

1 //显示滚动条位置
2 $(document).ready(function(){
3    $("#div1").click(function(){
4      alert($("div").scrollTop()+" px");
5 });

1 //设置滚动条位置
2 //需要注意的是，这里的数值不能加引号。也不用加px.   只需要给数值就可以了
3 $("#btn").click(function(){ 
4      $("div").scrollTop(60));
5      });
6 });

 

 

 

     

     

 

 

 

转载于:https://www.cnblogs.com/22MM/p/9438468.html