scrolltop是jQuery中的一个方法,它可以设置 <div> 元素中滚动条的垂直偏移量,基本的用法是:
scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。
scroll top offset 指的是滚动条相对于其顶部的偏移。
如果该方法未设置参数,则返回以像素计的相对滚动条顶部的偏移。
工具原料:jQuery、编辑器、浏览器
1、在一个有内容的div中是吸纳设置滚动条的偏移量和获取偏移量的值,代码如下:
<html><head>
<script?type="text/javascript"?src="/jquery/jquery.js"></script>
<script?type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("div").scrollTop(100);
});
$(".btn2").click(function(){
alert($("div").scrollTop()+"?px");
});
});
</script>
</head>
<body>
<div?>
This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.?This?is?some?text.
</div>
<button?>把?scroll?top?offset?设置为?100px</button>
<br?/>
<button?>获得?scroll?top?offset</button>
</body>
</html>
2、运行的效果如下:
点击设置为100px后的效果:
点击获取值的效果:
本文来自作者[时旭]投稿,不代表千泰号立场,如若转载,请注明出处:https://m1.hr8848.cn/wiki/202508-20277.html
评论列表(3条)
我是千泰号的签约作者“时旭”
本文概览:scrolltop是jQuery中的一个方法,它可以设置 <div> 元素中滚动条的垂直偏移量,基本的用法是:scrollTop() 方法返回或设置匹配元素的滚动条...
文章不错《html中的scrolltop是什么意思》内容很有帮助