html滚动条移动到指定位置,jquery操作滚动条滚动到指定位置
[附在线实例]
jquery操作滚动条滚动到指定位置[附在线实例]
⽂章标签: 滚动条
:
05-10 23:41
:
920次
:
0条
4赞
jquery在线库点赞
简介本⽂讲的是在jquery⾥操作滚动条滚动到指定位置的⽅法及在线实例。
在jquery⾥，我们要操作滚动条滚动到指定的位置，是⾮常简单的，⽅法如下：$("html,body").scrollTop($("#aijquery2").offset().top);
上⾯这句代码的意思就是操作窗⼝的滚动条，滚动到ID为aijquery2元素的位置，不过这句代码实现的效果是滚动条“瞬间”滚动过去的，所以⽇常中，我们通常给他加上⼀个滚动的“动画过程”：$("html,body").animate({scrollTop:$("#aijquery2").offset().top},1000);
animate就是jquery⾥实现动画效果的函数了。
下⾯是站长给⼤家准备的在线实例演⽰：
上⾯我们操作的是整个⽹页窗⼝的滚动条，那么如果我们要操作某个DIV的滚动条，也是同样的⽅法，把上⾯代码中的$("html,body")换成$("div#id")就⾏了。
下⾯站长再来说⼀个操作滚动条的实例，就是操作滚动条滚动到底部：$("#aijquery2").animate({scrollTop:$("#aijquery2")
[0].scrollHeight},500);
上⾯这句代码说的是操作div#aijquery2的滚动条滚动到底部，这时我们需要获取div#aijquery2的scrollHeight⾼度，⽽在jquery⾥是没有这个属性⽅法的，所以我们需要把jquery对象转换成js对象，才能获取到scrollHeight。
另外，我们也可以⽤jquery的prop函数来直接获取元素的js属性：
$("#aijquery2").animate({scrollTop:$("#aijquery2").prop("scrollHeight")},500);
您正在的⽂章可能是：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。