在我的页面完成加载后。我希望jQUery能够很好地滚动到页面的底部,快速生成动画,而不是一个快照/颠簸。
我需要像ScrollTo这样的插件吗?或者这是内置到jQuery的某种方式?
在我的页面完成加载后。我希望jQUery能够很好地滚动到页面的底部,快速生成动画,而不是一个快照/颠簸。
我需要像ScrollTo这样的插件吗?或者这是内置到jQuery的某种方式?
当前回答
使用“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);
$('html,body').animate({ scrollTop: 9999 }, 'slow');
就这么简单,9999页高…范围大,所以可以到达底部。
$('#pagedwn').bind("click", function () {
$('html, body').animate({ scrollTop:3031 },"fast");
return false;
});
这个解决方案对我很有效。它正在快速滚动页面。
js
var el = document.getElementById("el");
el.scrollTop = el.scrollHeight - el.scrollTop;
就像这样:
var $target = $('html,body');
$target.animate({scrollTop: $target.height()}, 1000);