WordPress iframe 不時出現捲動條的解決經驗

由於我有在寫 Steam 遊戲的文章,有時會嵌入 Steam game widget(如下所示),這個 widget 是要在文章中嵌入 Steam 生成的 iframe。

我發現在某些解析度下,滾動文章時該 widget 會不時突然出現捲動條(scrollbar),然後又馬上消失,造成視覺上的抖動,看得很不舒服。

查了一下 WordPress 沒有相關設定,即使我把 Elementor 的 HTML 區塊的寬度和高度都設成和 iframe 一樣,或在 iframe 內加上 scrolling=”no”,都一樣解決不了問題。

後來我看網頁原始碼發現,該 iframe 被強制加上 class = “lazyload”。

class = "lazyload"

於是我開始往外掛的方向去查,最後終於給我找到,原來是 SG Optimizer 中有對 iframe 做 lazy loading 的功能,關掉之後即可恢復正常囉!

設定在 Tab "媒體最佳化"裡面