滚动无法在iframe上工作

我很难在iframe上配置滚动。滚动无法在iframe上工作

我有这种形式，其中的高度是动态的依赖于可扩展标签打开与否。此表单位于iframe中。

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

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

我离开你的形式的链接，这样就可以更好地理解它：http://catari.pt/pt/store2.html

我已经改变了SCROLLING =“no”来SCROLLING =“是”，改变高度，绝对和相对大小，似乎没有任何东西可以解决这个问题..我也改变了overflow-x和y值，但仍然没有任何结果。有什么办法可以解决这个问题吗？

感谢

来源

2017-04-19 DONSTEPHZ

你可以做的是处理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。欢呼声

来源

2017-04-19 14:45:39

滚动无法在iframe上工作

回答

相关问题