自动滚动div到底部

Question

我的网站有一个聊天模块。我有一个显示我的消息的div，我希望它在打开聊天页面时滚动到div的底部。最近的消息显示在底部。

这是我正在使用的HTML和CSS代码 / CSS /

view.on('post', { action: 'signup' }, function(next) {
    console.log('this will now appear');
    next()
});

Answer 1

你可以使用jQuery计算div的底部，然后滚动到它：

componentWillReceiveProps()

变量用于计算div的底部，然后var $div = $("message_list"); var divpos = $div.offset(); var divheight = $div.height(); var divbottom = divpos.top + divheight; var windowheight = $(window).height(); $(window).scrollTop(divbottom - windowheight); 滚动到传递的位置。 $(window).scrollTop()使页面滚动，使得div的底部与屏幕底部匹配。