码迷,mamicode.com
首页 > Web开发 > 详细

jquery滚动条

时间:2019-08-02 18:19:54      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:方法   元素   事件处理   cti   scrolltop   one   事件   pre   pad   

<script>
$(document).ready(function(){
$("button").click(function(){
$("div").scrollTop(100);
});
});
</script>
</head>
<body>

<div style="border:1px solid black;width:100px;height:550px;overflow:auto">
This is some text. This is some text. This is some text. This isis is some text. This is some text. This is some text. This iis is some text. T

his is some text. This is some text. This iis is some text. This is some text. This is some text. This iis is some text. This is some text. This i

s some text. This iis is some text. This is some text. This is some text. This i some text. This is some text. This is some text. This is some text. This is some text. This is some text.
</div><br>
<button>垂直滚动条的位置设置为100px</button>

技术图片技术图片

 

返回垂直滚动条位置:

$(selector).scrollTop()

设置垂直滚动条位置:

$(selector).scrollTop(position)
 

offset() 方法设置或返回被选元素相对于文档的偏移坐标。

返回偏移坐标:

$(selector).offset()

设置偏移坐标:

$(selector).offset({top:value,left:value})

使用函数设置偏移坐标:

$(selector).offset(function(index,currentoffset))
 
 
height() 方法设置或返回被选元素的高度。
该方法不包含 padding、border 或 margin。
技术图片

 

 

 

on() 方法在被选元素及子元素上添加一个或多个事件处理程序。

 

如需移除事件处理程序,请使用 off() 方法。

提示:如需添加只运行一次的事件然后移除,请使用 one() 方法。

jquery滚动条

标签:方法   元素   事件处理   cti   scrolltop   one   事件   pre   pad   

原文地址:https://www.cnblogs.com/webcyh/p/11290170.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!