iframe放大和縮小鼠標滾動

Question

我在我的網站中包含iframe ..每當我滾動，地圖放大和縮小..我試圖通過設置pointer-events到none來避免這種情況，但這會消除地圖上的所有操作，我無法導航！

HTML：

<div class="map"> 

    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d29618050.62001087!2d63.250335576086215!3d25.017620133523653!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30635ff06b92b791%3A0xd78c4fa1854213a6!2sIndia!5e0!3m2!1sen!2sin!4v1450871870014" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> 

</div> 

CSS：

.map iframe {pointer-events: none;} 

Answer 1

一個想法是把它蒙版：

<div class="map"> 
    <iframe src="https://www.google.com/maps/embed?xxx"></iframe> 
    <div class="mask"></div> 
</div> 

而CSS將

.map .mask { 
    width: 100%; 
    height: 100%; 
} 

整個地圖將不可接觸。

---

但是，如果要啓用左/右導航而不啓用變焦，this stackoverflow answer可能會有幫助。