在我的页面完成加载后。我希望jQUery能够很好地滚动到页面的底部,快速生成动画,而不是一个快照/颠簸。
我需要像ScrollTo这样的插件吗?或者这是内置到jQuery的某种方式?
在我的页面完成加载后。我希望jQUery能够很好地滚动到页面的底部,快速生成动画,而不是一个快照/颠簸。
我需要像ScrollTo这样的插件吗?或者这是内置到jQuery的某种方式?
当前回答
function scrollToBottom() {
$("#mContainer").animate({ scrollTop: $("#mContainer")[0].scrollHeight }, 1000);
}
这是我和你们找到的解,我确定
其他回答
使用“document.body。clientHeight'你可以得到身体元素的可见高度
$('html, body').animate({
scrollTop: $("#particularDivision").offset().top - document.body.clientHeight + $("#particularDivision").height()
}, 1000);
这个滚动在id ' speciardivision '处
你可以通过动画scrollTop属性来向下滚动页面,不需要插件,像这样:
$(window).load(function() {
$("html, body").animate({ scrollTop: $(document).height() }, 1000);
});
注意window的用法。Onload(当图像加载时…占据高度)而不是文档。ready。
从技术上讲,你需要减去窗口的高度,但上面的方法是有效的:
$("html, body").animate({ scrollTop: $(document).height()-$(window).height() });
要滚动到一个特定的ID,使用它的.scrollTop(),如下所示:
$("html, body").animate({ scrollTop: $("#myID").scrollTop() }, 1000);
var pixelFromTop = 500;
$('html, body').animate({ scrollTop: pixelFromTop }, 1);
所以当页面打开时,它会在1毫秒后自动向下滚动
就像这样:
var $target = $('html,body');
$target.animate({scrollTop: $target.height()}, 1000);
$("div").scrollTop(1000);
对我有用。卷轴到底。