触发时jquery slideToggle闪烁的解决方案？答案

【问题标题】：Solution to jquery slideToggle flickering when fired?触发时jquery slideToggle闪烁的解决方案？
【发布时间】：2015-04-19 02:41:48
【问题描述】：

小提琴：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');
});

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

【问题讨论】：

如何重现您提供的小提琴中的问题？
当我向下滚动并单击缩略图时，Chrome 和 FF 会闪烁。
去掉slideToggle，我看到闪烁在scrollTop函数中。

标签： jquery slidetoggle flicker

【解决方案1】：

解决了。必要时删除帖子。

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

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

【讨论】：

不错。只需批准您自己的答案即可。