div块展示和iframe冲突
日期：2014-05-17 浏览次数：20682 次
div块显示和iframe冲突
<html>
<head>
<script>
window.onload=function(){
var divObj=document.getElementById("rightDiv");
divObj.style.width=parseInt(document.body.offsetWidth)/3;
divObj.style.height=document.body.offsetHeight;
var isOverDiv=false;
document.body.onmousemove=function(e){
var e=e||window.event;
if(parseInt(divObj.style.width)>parseInt(document.body.offsetWidth)-parseInt(e.clientX)){
isOverDiv=true;
divObj.style.display='';
}
if(parseInt(divObj.style.width)<parseInt(document.body.offsetWidth)-parseInt(e.clientX)&&isOverDiv){
divObj.style.display='none';
}
}
}
</script>
</head>
<body>
<div >
<div id='rightDiv' style="background:black; border:2px #FF0000 solid;position:absolute; z-index:10000; top:5px; right:0px; display:none; ">
</div>
<div style="width:100%;height:100%">
<iframe src="http://www.baidu.com" width="100%" ></iframe>
</div>
</div>
</body>
</html>
当我从iframe所在的区域移动到div的边界时，div块并没有显示，求大侠解决，如果大侠可以的话，也顺便可已解决下我下拉右侧滚动条时如何设置div不滑动，同时不闪烁
------解决方案--------------------
没办法，因为在iframe中移动时根本就没触发document.body.onmousemove，iframe有不同的区域空间，和父页是分开的
------解决方案--------------------
下面的可以，不过无法操作iframe的内容，用透明浮动层浮动在iframe上面就可以出发了
一定要操作iframe那就没办法了，除非iframe是你自己的页面，获取iframe中鼠标事件在父页的坐标位置
<html>
<head>
<script>
window.onload=function(){
var divObj=document.getElementById("rightDiv");
divObj.style.width=parseInt(document.body.offsetWidth)/3;
divObj.style.height=document.body.offsetHeight;
var isOverDiv=false;
document.body.onmousemove=function(e){
var e=e||window.event;
if(parseInt(divObj.style.width)>parseInt(document.body.offsetWidth)-parseInt(e.clientX)){
isOverDiv=true;
divObj.style.display='';
}
if(parseInt(divObj.style.width)<parseInt(document.body.offsetWidth)-parseInt(e.clientX)&&isOverDiv){
divObj.style.display='none';
}
}
}
</script>
</head>
<body>
<div >
<div id='rightDiv' style="background:black; border:2px #FF0000 solid;position:absolute; z-index:10000; top:5px; right:0px; display:none; ">
</div>
<div style="width:100%;height:100%">
<iframe src="http://www.baidu.com" width="100%" ></iframe>
</div>
</div>
</body>
</html>
当我从iframe所在的区域移动到div的边界时，div块并没有显示，求大侠解决，如果大侠可以的话，也顺便可已解决下我下拉右侧滚动条时如何设置div不滑动，同时不闪烁
------解决方案--------------------
没办法，因为在iframe中移动时根本就没触发document.body.onmousemove，iframe有不同的区域空间，和父页是分开的
------解决方案--------------------
下面的可以，不过无法操作iframe的内容，用透明浮动层浮动在iframe上面就可以出发了
一定要操作iframe那就没办法了，除非iframe是你自己的页面，获取iframe中鼠标事件在父页的坐标位置
<html>
<head>
<script>
window.onload = function () {
var divObj = document.getElementById("rightDiv");
divObj.style.width = parseInt(document.body.offsetWidth) / 3;
divObj.style.height = document.body.offsetHeight;
var isOverDiv = false;
document.body.onmousemove = function (e) {
var e = e
------解决方案--------------------
window.event;
if (parseInt(divObj.style.width) > parseInt(document.body.offsetWidth) - parseInt(e.clientX)) {
isOverDiv = true;
divObj.style.display = '';
}
if (parseInt(divObj.style.width) < parseInt(document.body.offsetWidth) - parseInt(e.clientX) && isOverDiv) {
divObj.style.display = 'none';
}
}
}
</script>
</head>
<body>
<div >
<div id='rightDiv' style="background:black; border:2px #FF0000 solid;position:a
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
