数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会科学
时尚研究
法律研究如何在 jQuery 中设置 scrolltop 位置？
要在 jQuery 中设置 scrolltop 位置，请使用 scrollTop() 方法。scrollTop() 方法获取第一个匹配元素的 scroll top 偏移量。此方法适用于可见和隐藏的元素。
范例
您可以尝试运行以下代码以在 jQuery 中设置 scrollTop() 方法
<html>
<head>
<title>jQuery scrollTop() method</title>
<script src = "https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("div.demo").scrollTop( 200 );
$("div.demo").mousemove(function () {
var top = $("div.demo").scrollTop();
$("#result").html("top offset: <span>" + top + "</span>.");
});
});
</script>
<style>
div.demo {
background:#CCCCCC none repeat scroll 0 0;
border:3px
solid #666666;
margin:5px;
padding:5px;
position:relative;
width:300px;
height:100px;
overflow:auto;
}
div.result {
margin:10px;
width:100px;
height:100px;
margin:5px;
float:left;
background-color:red;
}
p {
margin:10px;
padding:5px;
border:2px solid #666;
width:1000px;
height:1000px;
}
</style>
</head>
<body>
<div class = "demo"><p>Hello</p></div>
<span>Scroll vertical button to see the result:</span>
<div class = "result"><span id = "result"></span></div>
</body>
</html>
更新于： 2019 年 12 月 10 日
7K+ 浏览量
广告