在html5中如何设置直播间评论滚动

这篇文章主要介绍在html5中如何设置直播间评论滚动，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

直播间评论滚动效果，下划查看历史消息并停止滚动，如有新消息会出现新消息提醒，点击滚动到底部。

2.具体代码

用的的两个工具函数：

/** * @desc 函数防抖 * @param {需要防抖的函数} func * @param {延迟时间} wait */export function debounce(func, wait = 500) {// 缓存一个定时器idlet timer = 0;// 这里返回的函数是每次用户实际调用的防抖函数// 如果已经设定过定时器了就清空上一次的定时器// 开始一个新的定时器，延迟执行用户传入的方法return function (...args) {if (timer) clearTimeout(timer)            timer = setTimeout(() => {                    func.apply(this, args)            }, wait)    }}/** * @desc 是否滚到到容器底部 * @param {滚动容器} ele  * @param {容器高度} wrapHeight  */export function isScrollBottom(ele, wrapHeight, threshold = 30) {const h2 = ele.scrollHeight - ele.scrollTop;const h3 = wrapHeight + threshold;const isBottom = h2 <= h3;return isBottom;}

以上是"在html5中如何设置直播间评论滚动"这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注行业资讯频道！