Home  >  Article  >  Web Front-end  >  div偏移问题_html/css_WEB-ITnose

div偏移问题_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:20:091213browse


    

    

    显示/隐藏
    

    

    

    <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
谢谢

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn