在iframe中禁用滾動

Question

我有我的html頁面和iframe，當我將鼠標放在iframe上時，我使用鼠標滾動按鈕將滾動iframe頁面，我不希望發生這種情況。但我不希望卷軸在此iframe中全部禁用，因爲我擁有fresque，而且我必須能夠使用卷軸放大

我該怎麼辦？

我試着做scrollTo(0, 0);，但它在真實頁面上，而不是在iframe上。

Answer 1

你可以嘗試使用mousewheel事件取消滾動。

示例代碼：

window.onload=function(){ 
    setTimeout(function(){ //just to be sure that the document exists 
     document.onmousewheel=function(event){ 
      event.preventDefault(); 

      //add here your code to zoom 

     }; 
    },300); 
}; 

注意，IE8將始終以「內部」使用event.preventDefault();，如果你想用一個標誌來啓用/禁用滾動滾動將無法工作。

你可以在這裏閱讀更多信息：http://www.quirksmode.org/dom/events/scroll.html

---

這是我的老辦法：

的問題不夠具體，但我想我明白了。

這裏是一塊的jQuery來解決我的理解：

(function($){ 
    $(function(){ 
     $(window).click(function(event){ 
      if(event.which==3) //middle button 
      { 
       event.preventDefault(); 
       //remaining code for the zoom(?) 
      } 
     }); 
    }); 
})(jQuery); 

這應該禁止使用滾輪滾動頁面（不觸摸工作）。

您可以在if塊中包含縮放的代碼（？）。

包含此代碼裏面的的iframe！

Answer 2

嘗試使用SCROLLING = 「否」 選項，如

<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe> 

Answer 3

假設： 「我想禁用頁面的滾動而不disabeling滾動（在iframe）」

首先，這個CSS將關閉滾動條在頁面上...

<style type="text/css"> 
    html, body { 
    overflow: hidden; 
    } 
</style> 

...和，這將禁用滾動每當我t的嘗試......

$(window).scroll(function() { 
    scroll(0,0); 
}); 

...雖然，這可能是一個更好的選擇......

document.body.scroll = "no"; 
document.body.style.overflow = 'hidden'; 
document.height = window.innerHeight;