Maison > interface Web > tutoriel HTML > div偏移问题_html/css_WEB-ITnose

div偏移问题_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:20:09
original
1285 Les gens l'ont consulté


    

    

    显示/隐藏
    

    

    

    <script></script>
    <script> <br /> var bool=true; <br /> function pmj_show() { <br /> if (bool == true) { <br /> $("#pmj").show(); <br /> bool = false; <br /> } <br /> else { <br /> $("#pmj").hide(); <br /> bool = true; <br /> } <br /> } <br /> </script>


以上是相关代码,用JQUERY点击按钮控制DIV显示隐藏,IE6、IE7测试正常,但是在IE8、IE9、IE10、CHROME上测试,显示DIV时黑色DIV会向右移动大概1像素,隐藏DIV时黑色DIV又会向左移动回大概1像素。是什么原因造成这样的?有办法能够解决吗?

回复讨论(解决方案)

看了一下,大约是滚动条的原因,隐藏时没有纵向滚动条,窗口宽度更宽一些,所以居中会向右移动一点,所以这个问题不用管它,一般的运用纵向滚动条总是会有的,那就不会有变动了。IE这个落后份子这个css不能实现居中,反而没反应。

看了一下,大约是滚动条的原因,隐藏时没有纵向滚动条,窗口宽度更宽一些,所以居中会向右移动一点,所以这个问题不用管它,一般的运用纵向滚动条总是会有的,那就不会有变动了。IE这个落后份子这个css不能实现居中,反而没反应。
没其他办法能够解决这个吗……DIV显隐的时候感觉好怪……

最简单的方法是强制显示滚动条

其实你用不着写这个var bool=true;这个变量判断的,因为jquery本身就有一个方法是显示隐藏的,看看这个例子吧:http://www.ablanxue.com/prone_3036_1.html
谢谢

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal