我如何使用jquery向下滚动到iframe或页面的底部?
当前回答
$('.block').scrollTop($('.block')[0].scrollHeight);
我使用此代码在新消息到达时滚动聊天。
其他回答
如果你想要一个漂亮的缓慢动画滚动,对于任何带有href="#bottom"的锚,这将滚动到底部:
$("a[href='#bottom']").click(function() {
$("html, body").animate({ scrollTop: $(document).height() }, "slow");
return false;
});
您可以随意更改选择器。
一个简单的函数,跳到整个页面的底部(立即滚动)。它使用内置的. scrolltop()。我还没有尝试将其用于单独的页面元素。
function jumpToPageBottom() {
$('html, body').scrollTop( $(document).height() - $(window).height() );
}
之前的回答中提到的脚本,比如:
$("body, html").animate({
scrollTop: $(document).height()
}, 400)
or
((窗口).scrollTop美元(文档).height ());
将不会在Chrome中工作,并将在Safari中跳跃,以防html标签在CSS中溢出:auto;属性集。我花了将近一个小时才弄明白。
例如:
$('html, body').scrollTop($(document).height());
如果你不关心动画,那么你就不需要获取元素的高度。至少在我尝试过的所有浏览器中,如果你给scrollTop一个大于最大值的数字,它就会滚动到底部。所以给它一个尽可能大的数字:
$(myScrollingElement).scrollTop(Number.MAX_SAFE_INTEGER);
如果你想滚动页面,而不是一些带有滚动条的元素,只需使myScrollingElement等于'body, html'。
因为我需要在几个地方这样做,我写了一个快速和肮脏的jQuery函数,使它更方便,像这样:
(function($) {
$.fn.scrollToBottom = function() {
return this.each(function (i, element) {
$(element).scrollTop(Number.MAX_SAFE_INTEGER);
});
};
}(jQuery));
当我添加一个buncho'的东西时,我可以这样做:
$(myScrollingElement).append(lotsOfHtml).scrollToBottom();
推荐文章
- 将Dropzone.js与其他字段集成到现有的HTML表单中
- 使用jQuery滚动到一个div
- 在JS/jQuery中触发按键/按键/按键事件?
- 如何每5秒重新加载页面?
- getJSON调用中的错误处理
- 如何用jquery或javascript排序对象数组
- 使用jQuery切换输入禁用属性
- 如何知道一个字符串开始/结束在jQuery特定的字符串?
- Twitter Bootstrap vs jQuery UI?
- 如何绑定“触摸启动”和“点击”事件,但不回应两者?
- 如何使用jQuery从URL中获得锚?
- console.log(result)输出[object对象]。我如何得到result。name?
- 在jQuery中检测输入[type=text]的值变化
- 如何跳转到浏览器页面的顶部
- 确定$。Ajax错误是一个超时