解決ios瀏覽器頁面滾動到底部或頂部后,頁面局部滑動失效的問題


/** 解決 ios瀏覽器頁面滾動到底部或頂部后 導致頁面局部滑動失效的問題*/
    function iosTrouchFn () {
        var ios = navigator.userAgent.indexOf('iPhone'); // 判斷是否為ios
        if (ios !== -1) { // ios下運行
            var el = document.querySelector('body'); // el -- 需要滑動的元素
            el.addEventListener('touchmove', function (e) {
                if (el.offsetHeight < el.scrollHeight)  e.isSCROLL = true;
            });
            document.body.addEventListener('touchmove', function (e) {
                if (!e.isSCROLL) e.preventDefault(); // 阻止默認事件(上下滑動)
            });
        }
    }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM