在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;