>웹 프론트엔드 >HTML 튜토리얼 >div偏移问题_html/css_WEB-ITnose

div偏移问题_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 12:20:091296검색


    

    

    显示/隐藏
    

    

    

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.