Question

codepen：https://codepen.io/Varo/pen/gbZzgr

我正在尝试将聊天窗口向下滚动到代码中的最新聊天消息。我尝试使用jquery-scrollTo插件来执行此操作，

extension String {
    func contains(_ string: String) -> Bool {
        return self.range(of: string, options: String.CompareOptions.literal) != nil
    }
}

但它没有任何收益。有人可以告诉我我做错了什么或者可以做些什么来实现这个目标？

Answer 1

执行此操作的最佳方法是将最新消息创建为节点，然后使用此消息。

node.scrollIntoView();

以下是关于如何制作节点的示例。

var node = document.createElement('div');
node.innerHTML = 'bla bla bla';
container.appendChild(node);

如果您有任何问题，请发表评论。

Answer 2

以下是工作链接和代码

https://codepen.io/hossmen/pen/PmbjmO

var time = document.getElementsByTagName('time');
var timeList= [...time];
var lastElement = timeList[time.length-1];
lastElement.scrollIntoView({block:"end", behavior:"smooth"});

滚动到聊天窗口的底部

2 个答案: