您好,我正在尝试在 django 中实现一个简单的聊天框,并且想知道如何使用 javascript 滚动到 div 类的底部?基本上,当页面加载时,我希望用户可以看到发送给他们的最新消息而不是最近的消息。
我最近不得不做类似的事情。我发现了一个基本的 jquery 插件,可以将元素平滑地滚动到屏幕上。
(function($) {
$.fn.scrollMinimal = function() {
var cTop = this.offset().top;
var cHeight = this.outerHeight(true);
var windowTop = $(window).scrollTop();
var visibleHeight = $(window).height();
if (cTop < windowTop) {
$('body').animate({'scrollTop': cTop}, 'slow', 'swing');
} else if (cTop + cHeight > windowTop + visibleHeight) {
$(jQuery.browser.webkit ? "body": "html")
.animate({'scrollTop': cTop - visibleHeight + cHeight}, 'slow', 'swing');
}
};
}(jQuery));
其用法如下:
$('#chat').scrollMinimal();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)