关于scrollIntoView()、scrollTop()用法

it2024-08-13 75

一、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