解决jquery slideToggle在触发时闪烁?

时间:2015-04-18 18:03:34

标签: jquery slidetoggle flicker

小提琴:http://jsfiddle.net/4jw2rhpz/1/

当页面没有滚动时,一切都很顺利,但是当页面滚动了一点时却没有。当scrollTop发射时,我正在获得可怕的闪烁。我一直在添加延迟,更改CSS,添加/删除脚本以及编辑动画值,但闪烁让我很难过。

$('.thumbs').click(function() {
    $("html, body").animate({ scrollTop: 0 }, 300, 'swing');
    $('#displayBox').children().delay(300).slideUp('slow');
    var idVar = this.id;
    $('.' + idVar).slideToggle('slow');
});

$('.close').click(function() {
    $('#displayBox').children().slideUp('slow');
    $('.splash').slideToggle('slow');
});

有人知道解决方案吗?我非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

解决。如有必要,请删除帖子。

http://jsfiddle.net/4jw2rhpz/2/

$('.thumbs').click(function(e) {
 e.preventDefault();
...
});