jquery - 固定位置 div 不会淡出

Question

我遇到了 Internet Explorer 上的 jQuery 淡出功能问题。

正如您在这个FIDDLE上看到的，它不会在任何版本的 Internet Explorer 上淡出。

但我注意到只有当 div 具有固定位置时（position:fixed;）

有什么解决方法吗？

您可以使用此代码重现错误

   <head>
        <script type="text/javascript">
            $(function() {
                $('.goBack').click( function(){   
                    $('#about').fadeOut(1000, function ()
                    {
                        $('#backend').fadeOut("slow");
                    });
                });
            });
        </script>
    </head>
    <body>
        <div id="backend">
            <div id="about">
                <div class="leftPanel">
                    <h1>About</h1>
                    <div class="menu">
                        <ul>
                            <li>Menu1</li>
                            <li>Menu2</li>
                            <li>Menu3</li>
                            <li>Menu3</li>
                        </ul>
                    </div>
                    <div class="goBack">
                        <p>Go Back</p>
                    </div>
               </div>   
            </div>
        </div>
    </body>

有了这个 CSS

.leftPanel
{
    position:fixed;
    color:black;
}

谢谢

score 2 · Accepted Answer

演示没有为fixed. 向父母申请position:relative并提供top&left它工作正常

#about{position:relative}

.leftPanel
{
    position:fixed;
     top:0;left:0;
 }

演示：http: //jsfiddle.net/2ZGfL/1/

score 0 · Accepted Answer

尝试将您的脚本标签放在正文标签之后或正文标签结束之前。

<body> 
    ........
    ........
    <script>

     // JQuery Script

    </script>
 </body>

score 0 · Accepted Answer

尝试使用 setTimeout 函数......像这样......

setTimeout(function(){$("#about").fadeOut("fast");},2000);

它可能工作...

并尝试使用 position: absolute 或 relative ...

score 0 · Accepted Answer

无需更改您的CSS。这将起作用：

$(function() {
$('.goBack').click( function(){   
  $(this).parent($('#backend')).fadeOut(1000);
});
});

jquery - 固定位置 div 不会淡出

4 回答 4

Related

Reference