Rumah > hujung hadapan web > html tutorial > div偏移问题_html/css_WEB-ITnose

div偏移问题_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 12:20:09
asal
1279 orang telah melayarinya


    

    

    显示/隐藏
    

    

    

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan