移動端彈出遮罩層禁止頁面滾動,遮罩里面的框不允許滾動


在遮罩層添加 (前提使用vue)@touchmove.prevent

HTML:

    <!--plan A-->
    <div class="overlayer" @touchmove.prevent >
        <div class="popup">
            如果在這個div中滑動,觸發的事件會經過overlayer,可以屏蔽滑動
        </div>
    </div>
    <!--plan B-->
    <div class="overlayer" @touchmove.prevent >
    </div>
    <div class="popup"  @touchmove.prevent>
        如果在這個div中滑動,觸發的事件也會被禁用默認行為, 也可以屏蔽滑動
    </div>

 


免責聲明!

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



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