Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery是否具有将客户端滚动到视图端口底部的功能?_Javascript_Jquery_Viewport - Fatal编程技术网

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

Javascript jQuery是否具有将客户端滚动到视图端口底部的功能?,javascript,jquery,viewport,Javascript,Jquery,Viewport,我想用jQuery设置滚动到视口底部的动画。是否有一个不过分的插件可用(即,对于这个小任务没有一个庞大的功能集) 是否有可用的插件或jQuery本机实现此功能的方法?检查该插件,您可以使用选择器、DOM元素等滚动到确定的位置(固定或绝对) 看看…jQuery使这样的事情变得如此微不足道,以至于您不需要插件。例如: var x = 250; //insert your own formula to calculate where you want to scroll to in px var t

我想用jQuery设置滚动到视口底部的动画。是否有一个不过分的插件可用(即,对于这个小任务没有一个庞大的功能集)

是否有可用的插件或jQuery本机实现此功能的方法?

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


看看…

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);

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

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

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

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

var target = $('#elem');
$('html,body').animate({scrollTop: target.offset().top}, 500);
$(“#日志输出”).animate({scrollTop:$(“#日志输出”).height()},250);非常适合自动滚动到文本区域的底部。谢谢<代码>$(“html,body”).animate({scrollTop:$('body').css('height')},0)向下滚动到页面底部。