Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > body text

div offset problem_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 12:20:09
Original
1259 people have browsed it


    
    
    显示/隐藏
    


    

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


以上是相关代码，用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
谢谢

Related labels：
div偏移问题
source：php.cn
Previous article：How can I make some links display underlines when clicked and some not? ? _html/css_WEB-ITnose Next article：I have a problem with my navigation bar dropdown_html/css_WEB-ITnose
Statement of this Website
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
Latest Articles by Author
Latest Issues
Move the content to the left by adding the Width property I have provided margins to the body. main {left margin: 200px; right margin: 200px; text a...
From 2024-04-06 22:01:35
0
3
816
Solving Vue3 webcomponents production build issues I'm trying to migrate my vue2web components to vue3, although the problem arises when I cr...
From 2024-04-06 12:43:37
0
1
473
The list item symbols (<ul> and <ol>) in the root node cannot be displayed and removed in CSS, and the overflow-x: hidden problem cannot be removed. I'm currently working on a web page and I'm having trouble with my list items. The dots an...
From 2024-04-04 16:38:22
0
1
3617
Having trouble removing deep objects My Vue component uses an object inside an object to display elements. When I click a butto...
From 2024-04-03 21:48:14
0
1
302
Translate "Remove public directory" in the Laravel project into Chinese as "Remove public directory" I'm making a Laravel project but I have a big problem, I can't remove the /public/ name fr...
From 2024-04-03 19:26:05
0
1
355
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template