javascript - jQuery自定义滚动导致闪烁

Question

我正在使用这个jQuery 自定义内容滚动器，它会导致可滚动部分闪烁。

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

使用的代码：

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

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

Answer 1

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

Answer 2

此自定义滚动条在其容器具有填充时闪烁。在 css 中从此容器中删除任何填充。狐狸前任。

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

Answer 3

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

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