踩雷系列：在Swiper 中放入YouTube 的iframe

2021年12月4日 — 出现了这个问题我们总是把时间花在分析为什么iframe这个element不能滑动?该怎么设置? 其实iframe监听滑动如果出了问题,首先该分析的是里面的document ...

2023年3月20日 — 所以， iframe 展示图片时可以通过设置scrolling=“no” 属性来隐藏滚动条，iframe 展示PDF文件时设置scrolling=“no” 属性并不能隐藏滚动条。

2020年11月17日 — 因为iframe标签里面的已经跳转到别人的页面所以滚动不了以为是别人的页面问题但是自行打开里面的链接发现是可以滑动的所以断定是我们的页面的问题然后 ...

2024年3月20日 — 本文說明當Internet Explorer 使用常用模式做為檔模式時，iframe 的內容會顯示在滾動條頂端。

2022年7月26日 — 後來找資料的時候發現了<iframe> 這個tag 裡面是屬於另一個頁面的內容，所以當手指點擊到YouTube 影片上方進行滑動時，Swiper 套件所監聽的事件就不會監聽 ...

2024年3月20日 — 本文說明當Internet Explorer 使用常用模式做為檔模式時，iframe 的內容會顯示在滾動條頂端。

2021年8月26日 — 解决办法很简单，先定位iframe，切换到iframe上，再操作滚动条。 操作滚动条用js方法window.scrollTo()

HTML的iframe標籤，是讓A網站能夠嵌入B網站的內容，比如嵌入YouTube影音到網站中、嵌入FB貼文到網站中…等，都是非常多人使用且常見的案例。

定义和用法. scrolling 属性规定是否在iframe 中显示滚动条。 默认地，如果内容超出了iframe，滚动条就会出现在iframe 中。 语法. <iframe scrolling=value> ...