js设置div显示位置求css+js高手解决思路-JavaSript-爱易网页

js设置div显示位置求css+js高手解决思路

日期：2014-05-16　浏览次数：20608 次

js设置div显示位置求css+js高手

JScript code


 function ShowYdWindow()
     {  
          
         document.getElementById("Hotel_yd").style.left =(event.x-350)+"px";
         alert(event.x);
         alert(event.y);
         document.getElementById("Hotel_yd").style.top =(event.y)+"px";
         document.getElementById("Hotel_yd").style.display ="block";
         document.getElementById("SelectFrame").src ="fangxingselect.asp";
     }

HTML code


<div id="Hotel_yd" class="Hotel_yd" style="display:none;Z-index:9999; position:absolute; left:0px; top:0px;">
<iframe src="fangxingselect.asp" width="360" height="110" scrolling="no" frameborder="0"   name="SelectFrame" id="SelectFrame"></iframe>
</div>

现在问题是我想点击哪里 div出现的位置在哪里，但现在有一个问题，当屏幕刚好是一屏的时候显示是正常的，但现在问题来了，当 y轴超出一屏范围的时候显示就不正常了。比如当我拉到网页底部去点击一个事件得到的 y 就不对了。有没办

------解决方案--------------------
document.getElementById("Hotel_yd").style.top =(event.y) + document.body.scrollTop+"px";

------解决方案--------------------

JScript code

    var strElementID = "#" + strCommunityID;
    var X = $(strElementID).offset().top;
    var Y = $(strElementID).offset().left;
    $("#HouseContainer").removeClass("styleContainer");
    $("#dvHouseWindPanel").css({ position: "absolute", display: "block", top: X / 2 + "px", left: Y / 2 + "px" });

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

js设置div显示位置求css+js高手解决思路

相关资料更多>

推荐阅读更多>