請問下這個js怎么修改-有解無憂

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        div {
            width: 100px;
            height: 63px;
            /* 必須 */
            overflow: hidden;
            /* 必須 */
            margin: 50px auto;
            border: 1px solid red;
            text-align: center;
        }

        ul {
            list-style: none;
        }
    </style>
</head>

<body>
    <div id="review_box">

        <ul id="comment1">

            <li>第一條</li>

            <li>第二條</li>

            <li>第三條</li>

            <li>第四條</li>

            <li>第五條</li>

            <li>第六條</li>
        </ul>

        <ul id="comment2"></ul>
    </div>
    <script>
        window.onload = roll(50);

        function roll(t) {
            var ul1 = document.getElementById("comment1");
            var ul2 = document.getElementById("comment2");
            var ulbox = document.getElementById("review_box");
            ul2.innerHTML = ul1.innerHTML;
            ulbox.scrollTop = 0; // 開始無滾動時設為0
            var timer = setInterval(rollStart, t); // 設定定時器，引數t用在這為間隔時間（單位毫秒），引數t越小，滾動速度越快
            // 滑鼠移入div時暫停滾動
            ulbox.onmouseover = function() {
                    clearInterval(timer);
                }
                // 滑鼠移出div后繼續滾動
            ulbox.onmouseout = function() {
                timer = setInterval(rollStart, t);
            }
        }

        // 開始滾動函式
        function rollStart() {
            // 上面宣告的DOM物件為區域物件需要再次宣告
            var ul1 = document.getElementById("comment1");
            var ul2 = document.getElementById("comment2");
            var ulbox = document.getElementById("review_box");
            // 正常滾動不斷給scrollTop的值+1,當滾動高度大于串列內容高度時恢復為0
            if (ulbox.scrollTop >= ul1.scrollHeight) {
                ulbox.scrollTop = 0;
            } else {
                ulbox.scrollTop++;
            }
        }
    </script>
</body>

</html>

上面是一個向上滾動的代碼，但是網頁縮放百分比低于百分之80 之后，就不會滾動了，頁面放了一段時間后，滑鼠移入滾動停止事件也會出現例外，請問怎么修改下兼容完美更好些

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/120352.html

標籤：JavaScript

上一篇：在線等。。。急！！！資料庫文本型別如何按數字大小排序？

下一篇：求陣列中的值是否是相鄰數