ホームページ >ウェブフロントエンド >htmlチュートリアル >div ブロックの表示が iframe_html/css_WEB-ITnose と競合する
div ブロックの表示が iframe_html/css_WEB-ITnose と競合する
- WBOYオリジナル
- 2016-06-24 12:17:591593ブラウズ
100db36a723c770d327fc0aef2ce13b1
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)9cdc336e2391800406a4e86e84ea1463
9c3bca370b5104690d9ef395f2c5f8d1
f582ea491ad549026e9b13d2501d63e7
43a16fc6349f19f83e01aaab362855b9
fb99725ecf66148cfb792178eaa9a28b
277d10ff369f2150e47b40c02e16e692065276f04003e4622c4fe6b64f465b88
16b28748ea4df4d9c2150843fecfba68
16b28748ea4df4d9c2150843fecfba68
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e
私が iframe から存在する領域が div の境界に移動したとき、div 块は表示されず、大側解を要求し、大局が可能であれば、也顺便可下我下拉右側滚動条をどのように設定するか，同時不闪烁
回复讨论(解决方案)
没办法，故にiframe中移動時間根本就没触出版document.body.onmousemove，iframe有異領域空间，和父页是分享
我主この機能の実現は、document.body.onmousemove が必ずしも必要というわけではなく、実現できさえすれば、可能な限りの
の下にある、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%;position:relative"><div style="position:absolute;width:100%;height:100%;filter:alpha(opacity=0);opacity:0;background:#000"></div><iframe src="http://www.baidu.com" width="100%" ></iframe></div></div></body></html>