[英]Is there a better way to show and hide?
好的,所以我想从隐藏的页面内部显示一个Div,当单击它时,它适合页面的1005宽度和100%的高度(带有滚动内容),即使在广泛使用z-之后,背景素材也会出现一些问题索引检查和设置以及向下滚动时的设置,一旦到达div的底部,它似乎就会向下滚动并显示其下面的内容,而我并不是真的希望这样做。 反过来说,我想知道是否有比使用我已经拥有的东西更具吸引力,结构性或更有效的东西。 在这里编码任何建议将不胜感激。
<script type="text/javascript">
<!--
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
//-->
</script>
<div id="ef" style="display:none; width:100%; height:120%; overflow:scroll; background-color:#f1f1f1; -webkit-overflow-scrolling:touch; z-index:2000; padding-top:43px; "><div id="efmenubars">
<div style="width:50px; height:40px;margin-top:7px; float:left; margin-left:8px;">
</div><span style="display:inline-block; text-align:center; font-family:'helvetica_bqregular'; font-size:20px; color:#333;">Post Enquiry</span>
<a href="#" onclick="toggle_visibility('ef');"> <img src="../images/close.png" width="50px" style="float:right; margin-top:7px; margin-right:8px;" /></a>
</div>
<p>{leftcol}</p></div>
<a class="button2" style="float:right; margin-right:12px; margin-top:19px;" onclick="toggle_visibility('ef');">Post Enquiry</a>
希望一切都有意义,对于内联CSS非常抱歉,我知道清理它是一项快速的工作。
干杯
OL
只需使用jquery在可见性状态之间切换即可。 jQuery主要用于简化和增强您的代码。 因此,如果您确实要改善代码,请使用jquery。
.$('#idOfYorElement').toggle();
只是一个简单的班轮:)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.