js 長按鼠標左鍵實現溢出內容左右滾動滾動

       var nextPress, prevPress;
　　　　　

      // 鼠標按下執行定時器，每0.1秒向左移一個li內容的寬度

       function nextDown() {
            nextPress = setInterval(() => {
                var lt = parseInt($(".overview").css("left")),
                    liWid = $(".overview").find("ul").find("li").outerWidth(true),
                    divWid = $(".overview").outerWidth(true);
　　　　　　　　　　// 偏移的位置大於整體內容的寬度禁止右移
                if(-lt >= divWid-4*liWid) {
                    clearInterval(nextPress);
                } else{
                    $(".overview").css("left",lt-liWid);
                }
            }, 100);
        }

        function prevDown() {
            prevPress = setInterval(() => {
                var lt = parseInt($(".overview").css("left")),
                    liWid = $(".overview").find("ul").find("li").outerWidth(true);
                if(lt >= liWid) {
                    clearInterval(prevPress);
                } else {
                    $(".overview").css("left",lt+liWid);
                }
            }, 100);
        }
    
       // div中的右箭頭按下向右移
        $(".nav-btnNext").on("mousedown", () => {
            nextDown();
        })
        $(".nav-btnNext").on("mouseup", () => {
            // 箭頭彈起清除定時器暫停右移
            clearInterval(nextPress);
        })
        // div中的左箭頭按下向左移
        $(".nav-btnPrev").on("mousedown", () => {
            prevDown();
        })
        $(".nav-btnPrev").on("mouseup", () => {
            //  箭頭彈起清除定時器暫停右移
            clearInterval(prevPress)
        })