当前位置:  开发笔记 > 编程语言 > 正文

jQuery是否具有将客户端滚动到视图端口底部的任何功能?

如何解决《jQuery是否具有将客户端滚动到视图端口底部的任何功能?》经验,为你挑选了4个好方法。

我想用jQuery动画滚动到视口的底部.是否有一个可用的插件并不过分(即没有为这个小任务设置大量功能);

是否有可用的插件或使用jQuery本地执行此操作的方法?



1> Darko Z..:

jQuery让这样的事情变得如此微不足道,以至于你不需要插件.例:

var x = 250; //insert your own formula to calculate where you want to scroll to in px
var t = 500; //arbitrary time in ms
$("html,body").animate({ scrollTop: x }, t);

而不是html,body你可以把任何滚动的元素,如div.t是动画运行的以ms为单位的时间,x是您在px中滚动到的位置.请注意,这也适用于scrollLeft,但不适用于scrollRight或scrollBottom(不限制jQuery而是JavaScript).


$("#log-output").animate({scrollTop:$("#log-output").height()},250); 非常适合自动滚动到textarea的底部.谢谢!

2> perrohunter..:

您始终可以执行以下操作将元素滚动到底部

$("body").attr({ scrollTop: $("body").attr("scrollHeight") });



3> CMS..:

检查jQuery.ScrollTo插件,您可以使用选择器,DOM元素等滚动到确定的位置(固定或绝对)...

看看演示 ......



4> adam..:

要详细说明Darko Z和CMS的答案,以下是我用来动画滚动到特定元素的内容:

var target = $('#elem');
$('html,body').animate({scrollTop: target.offset().top}, 500);

推荐阅读
帆侮听我悄悄说星星
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有