css - 滚动不适用于 iframe

Question

我很难在 iframe 上配置滚动。

我有这种形式，高度是动态的，取决于可扩展选项卡是否打开。此表单位于 iframe 中。

问题是当光标位于 iframe 上方时，鼠标滚动不起作用。

换句话说:如果光标在白色区域，则鼠标滚动不起作用。如果光标位于蓝色区域，则鼠标滚动将正常工作。

我给您留下了表格的链接，以便您更好地理解它:http://catari.pt/pt/store2.html

我已经将 scrolling="no"更改为 scrolling="yes"，将高度更改为绝对和相对大小，但似乎没有任何解决办法。我还更改了 overflow-x 和 y 值以及依然没有。有什么办法可以解决吗？

谢谢

Answer 1

您可以按照此处所述处理 MouseWheel 事件 MouseWheel Event .在函数中你可以做类似的事情

function MouseWheelHandler(e) {

     // cross-browser wheel delta
     var e = window.event || e; // old IE support

     // delta will give you the direct
     var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail)));
     // you can change how much and on what increments you want to scroll
     // a simple approach can be this
     if(delta <1)
     {
          $("html, body").animate({
          scrollTop: $(document).height()
          }, 1000 * delta);  
     }                
     else
     {
          /scroll back up
          $("html, body").animate({
          scrollTop: 0
          }, 1000 * delta); 
      }
     return false;
}

这可能有点矫枉过正，但这种方法可以让您了解如何绕过您面临的限制。确保您点击链接并按照说明添加 actionListeners。干杯