直播商城原始碼，隱藏iframe捲軸，並禁止滑動

直播商城原始碼，隱藏iframe捲軸，並禁止滑動

外層元素設定 overflow: hidden 隱藏捲軸

在 iframe 外層包裹一個 div 標籤，div 與 iframe 寬高相同，並設定 overflow: hidden，

根據實際情況，重新設定 iframe 的寬高，已知瀏覽器捲軸寬度為 17px，

如果 iframe 存在縱向捲軸，則 iframe寬度=原寬度+捲軸寬度，即width: calc(100% + 17px)；

如果 iframe 存在橫向捲軸，則 iframe高度=原高度+捲軸寬度，即height: calc(100% + 17px)。

<!-- iframe展示的是圖片 -->
<div style="width: 300px; height: 400px; overflow: hidden;">
  <iframe
    style="width: calc(100% + 17px); height: calc(100% + 17px); pointer-events: none;"
    src="
  </iframe>
</div>
<!-- iframe展示的是PDF -->
<div style="width: 300px; height: 400px; overflow: hidden;">
  <iframe
    style="width: calc(100% + 17px); pointer-events: none;"
    src="
  </iframe>
</div>

 以上就是直播商城原始碼，隱藏iframe捲軸，並禁止滑動， 更多內容歡迎關注之後的文章