滾動無法在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上工作

回答

相關問題