Jquery 在IE 8-11中,鼠标滚轮在iframe上滚动失败
我正在使用一个名为Perfect Scrollbar的jquery小脚本。到目前为止还不错,但当我在IE 8-11中结合使用iframe滚动鼠标滚轮时失败了 Firefox、Safari、Chrome或Opera运行良好 在本文中,我使用了以下内容:Jquery 在IE 8-11中,鼠标滚轮在iframe上滚动失败,jquery,html,css,iframe,Jquery,Html,Css,Iframe,我正在使用一个名为Perfect Scrollbar的jquery小脚本。到目前为止还不错,但当我在IE 8-11中结合使用iframe滚动鼠标滚轮时失败了 Firefox、Safari、Chrome或Opera运行良好 在本文中,我使用了以下内容: <link href="src/perfect-scrollbar.css" rel="stylesheet"> <script src="http://ajax.googleapis.com/ajax/libs/jq
<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>
.内容持有者{
位置:相对位置;
保证金:0px自动;
填充:0px;
宽度:300px;
高度:480px;
溢出:隐藏;
}
.contentHolder.content{
背景:;);
宽度:300px;
高度:500px;
}
.间隔{
文本对齐:居中
}
jQuery(文档).ready(函数($){
“严格使用”;
$(“#默认值”).perfectScrollbar();
});
在身体里:
您的浏览器不支持iFrame
我如何让它在IE中工作?我认为iFrame是您的bug的原因,当然,IE:) 鼠标悬停时会出现滚动条,但iFrame会阻止父内容的悬停效果,滚动事件(由自定义滚动条处理)也是如此 如果使用本机浏览器滚动,一切正常。因此,请尝试使用本机滚动条行为或任何其他工作正常的jQuery滚动条插件
jQuery(document).ready(function ($) {
"use strict";
$('#default').scrollbar();
});
工作示例如下