在IE瀏覽器中通過iframe滾動鼠標滾輪失敗8-11

我使用的是一個名爲Perfect-Scrollbar的小jQuery腳本。到目前爲止這麼好，但是當我在if 8 - 11中使用它與iframe滾動鼠標滾輪失敗？在IE瀏覽器中通過iframe滾動鼠標滾輪失敗8-11

Firefox，Safari，Chrome或Opera工作正常。

在我使用這個：

<link href="src/perfect-scrollbar.css" rel="stylesheet"> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
     <script src="src/jquery.mousewheel.js"></script> 
     <script src="src/perfect-scrollbar.js"></script> 
     <style> 
     .contentHolder { 
       position: relative; 
       margin: 0px auto; 
       padding: 0px; 
       width: 300px; 
       height: 480px; 
       overflow: hidden; 
     } 
     .contentHolder .content { 
       background:;); 
       width: 300px; 
       height: 500px; 
     } 
     .spacer { 
       text-align:center 
     } 
     </style> 
    <script> 
     jQuery(document).ready(function ($) { 
     "use strict"; 
     $('#Default').perfectScrollbar(); 
     }); 
    </script> 

And in the body: 

<div id="Default" class="contentHolder"><iframe src="test.php" scrolling="no" width="100%" height="1550px" frameborder="0"> 
    <p>Your browser does not support iframes.</p> 
    </iframe> 
    <div class="content"> 
    </div> 
</div>

我怎樣才能得到它工作在IE？

來源

2014-03-12 Marsz

我想的iFrame是你的錯誤的原因，並且，當然，IE :)

滾動appers當鼠標懸停，但的iFrame塊懸停效果對於父內容，同樣爲滾動事件（這是由自定義滾動條處理）。

如果使用本機瀏覽器滾動，一切正常。因此，請嘗試使用原生滾動條行爲的jQuery Scrollbar或任何其他可以工作的jQuery滾動條插件。

jQuery(document).ready(function ($) { 
    "use strict"; 
    $('#default').scrollbar(); 
});

工作的例子就是在這裏http://jsfiddle.net/yh47j/1/

來源

2014-03-13 10:45:27 Gromo

在IE瀏覽器中通過iframe滾動鼠標滾輪失敗8-11

回答

相關問題