jQuery自定义滚动导致闪烁答案

【问题标题】：jQuery custom scroll causes flickerjQuery自定义滚动导致闪烁
【发布时间】：2015-10-25 17:19:26
【问题描述】：

我正在使用这个jQuery custom content scroller，它会导致可滚动部分闪烁。

单击另一个随机按钮时，它会持续闪烁
如果我不采取任何行动，它每隔几秒就会闪烁一次

使用的代码：

$('.custom-scrollbar').mCustomScrollbar({
  scrollInertia: 0,
  alwaysShowScrollbar: 1, // adding / removing this causes no difference
  scrollbarPosition: 'outside'
});

附上一个 gif 来演示这个问题：http://gyazo.com/9ea9d558f2630c74a157c70a367d1868

【问题讨论】：

标签： javascript jquery flicker custom-scrolling

【解决方案1】：

如果它对任何人有帮助：作为修复，我只是为容器添加了 1px 的填充；不再闪烁。

【讨论】：

【解决方案2】：

当它的容器有填充时，这个自定义滚动条会闪烁。在 css 中从此容器中删除任何填充。狐狸前任。

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden
{
  padding: 0px;
}

【讨论】：

【解决方案3】：

我找不到适用于我的特定情况的 CSS 解决方案，但禁用 updateOnContentResize advanced setting 可以解决问题（当然，代价是禁用相应的功能）：

$(".content").mCustomScrollbar({
    advanced: {
        updateOnContentResize: false
    }
});

【讨论】：