直播平台搭建，监听div滚动高度

监听窗口的滚动

<!DOCTYPE html><br><html><br><head><br>    <meta charset="UTF-8"><br>    <meta http-equiv="X-UA-Compatible" content="IE=edge"><br>    <meta name="viewport" content="width=device-width, initial-scale=1.0"><br>    <title>window滚动事件</title><br></head><br><body style="height: 2000px;"><br><button onclick="scrollWindow()" style="position: fixed; bottom: 0px;">返回顶部</button><br><script><br>// 想在页面滚动的时候获取相关信息，试试下面的操作<br>window.onscroll = () => {<br>    console.log('document.documentElement.scrollTop:', document.documentElement.scrollTop)<br>    // todo 处理具体的页面逻辑<br>}<br>function scrollWindow() {<br>    document.documentElement.scrollTop = 0<br>}<br></script><br></body><br></html><br> 

监听div容器的滚动

<!DOCTYPE html><br><html><br><head><br>    <meta charset="UTF-8"><br>    <meta http-equiv="X-UA-Compatible" content="IE=edge"><br>    <meta name="viewport" content="width=device-width, initial-scale=1.0"><br>    <title>Document</title><br>    <style><br>        #box {<br>            height: 200px;<br>            width: 300px;<br>            overflow: scroll;<br>            width: 300px;<br>            <br>        }<br>        .content {<br>            width: 100%;<br>            height: 400px;<br>            background-color: antiquewhite;<br>        }<br>    </style><br></head><br><body><br>    <div id="box"><br>        <div><br>          比父级高的容器<br>        </div><br>    </div><br>    <div><br>        <textarea id="text"></textarea><br>    </div><br>    <button onclick="append()">send</button><br>    <button onclick="toTop()">toTop</button><br>    <script><br>        var element = document.getElementById('box');<br>        element.addEventListener('scroll', function(e) {<br>            console.log('e.target.scrollTop:', e.target.scrollTop)<br>        })<br>        function toTop() {<br>            element.scrollTop = 0<br>        }<br>        function append() {<br>            let p = document.createElement("p");<br>            let val = document.getElementById('text').value<br>            var textnode=document.createTextNode(val);<br>            p.appendChild(textnode);<br>            element.appendChild(p)<br>            document.getElementById('text').value = ''<br>            // 滚动到底部<br>            element.scrollTop = element.scrollHeight;<br>        }<br>        <br>    </script><br></body><br></html>