scrollTop()案例
2024-09-25 09:08:26
设置 <div> 元素中滚动条的垂直偏移:
定义和用法
scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。
scroll top offset 指的是滚动条相对于其顶部的偏移。
如果该方法未设置参数,则返回以像素计的相对滚动条顶部的偏移。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
div{border: 1px solid gray;width: 200px;height: 200px;margin: 50px;overflow: auto}
</style>
</head>
<body>
<div>
刚才看了黄小平先生的一篇短文,一个内心有光的人,永远不会有黑夜。是啊,每天凌晨起床,在灯光下走到窗前,外面漆黑一片,也曾经试着走出去,可以360度的仰望着天空,即使隔着厚厚的云层,也能感受到夜空的美丽斑斓,就像一粒种子在黑暗的牢笼里,用生根发芽的信念,残破自己的身体一点一点的向上攀爬,当她顶开地表的最后一条缝,光明开始记录她绽放的生命,不论是树活千年,还是花开数天,最初她们都经历过黑暗。人生也是这样,只要心里充满对光明的渴望,至少你是温暖的!许多小语——心里的光就是梦起飞的地方,飞行的过程就是目标中的理想!
</div>
<button class="settings">把scrollTop设置100px</button>
<button class="gettop">获取当前scrollTop</button>
<script type="text/javascript" src="js/jquery-1-8-3.js"></script>
<script type="text/javascript">
(function($){
$(".settings").click(function(){
$("div").scrollTop(100);
});
$(".gettop").click(function(){
console.log($("div").scrollTop() + "px");
});
console.log($(".settings").offset());
})(jQuery);
</script>
</body>
</html>
最新文章
- centos6.5 尝试下用 yum 安装 oddo
- nVIDIA SDK White Paper ----Vertex Texture Fetch Water
- Oracle 学习笔记2:几个入门常用命令
- c++ linux 下的调试工具及用法
- 传感器(2)常用api简介及列出当前设备支持的传感器代码
- Win7激活后添加grub引导Linux最简单方法
- win2008下c#调用directshow问题
- ajaxPro用法
- .net应用程序中添加chm帮助文档打开显示此程序无法显示网页问题
- C#语言和SQL Server第八章笔记
- Jerry 2017年的五一小长假:8种经典排序算法的ABAP实现
- Spring(一)Spring的第一滴血
- java—— finall 关键词
- C#多线程编程(6)--线程安全2 互锁构造Interlocked
- JQ.ajax 各种参数及属性设置 ( 转载 )
- bootstrap的tree控件
- 创建一个dynamics 365 CRM online plugin (十一) - Handling Configuration data
- Spring Boot 2.0(二):Spring Boot 开源软件都有哪些?(转)
- 微信小程序 - 实现购物车结算
- Java学习--Calendar 类的应用
热门文章
- treegrid -表格树异步加载
- [BZOJ2127]happiness-[网络流-最小割]
- GDAL中通过GDALDriver类的Create函数实现图像的保存
- 请求头(request headers)和响应头(response headers)解析
- pandaboard es 制作SD启动卡OMAP4460
- iOS 关于内购
- C# List<;string>; 的Contains方法 是区分大小写的
- 「Leetcode」976. Largest Perimeter Triangle(C++)
- 同一个电脑配置两个Git问题
- Elasticsearch 统计代码例子