在DIV幻灯片上闪烁

时间:2015-10-28 15:38:12

标签: javascript jquery

我有这个代码片段,用于切换div(向上/向下滑动):

$('.menu').click(function () {
                var $clicked = $(this)
                            $('.menu').each(function () {
                                var $menu = $(this);
                                if (!$menu.is($clicked)) {
                                    $($menu.attr('data-item')).slideUp('slow');
                                }
                });
                $($clicked.attr('data-item')).slideToggle('slow');
 });

jQuery包含在它之前,

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

但是,一旦div向下滑动,一些奇怪的flickr显示(div向下滑动超过它应该,它会闪烁,然后它的高度变得应该如此)。抱歉,如果我没有正确解释这一点。

控制台没有显示任何错误。 任何建议都会有所帮助!

P.S Jsfiddle https://jsfiddle.net/yz93a7h2/1/

1 个答案:

答案 0 :(得分:0)

它与<h1>标记的默认填充有关。您需要删除填充以解决此问题。

这是我添加的CSS:

h1 {
    margin: 0;
}

jsFiddle