jQuery自定义滚动导致闪烁

时间:2015-08-03 14:32:39

标签: javascript jquery flicker custom-scrolling

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

  • 点击另一个随机按钮时,它会不断闪烁
  • 如果我不采取任何行动,它会在每隔几秒间隔闪烁

使用的代码:

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

附上一个gif来证明这个问题:http://gyazo.com/9ea9d558f2630c74a157c70a367d1868

3 个答案:

答案 0 :(得分:2)

如果它可以帮助任何人:作为修复,我只是为容器添加了1px填充;没有更多的闪烁。

答案 1 :(得分:0)

此自定义滚动条在其容器有填充时轻弹。在css中删除此容器中的任何填充。 Fox ex。

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

答案 2 :(得分:0)

我找不到适合我的特定情况的CSS解决方案,但是禁用updateOnContentResize advanced setting可以解决问题(当然,以禁用相应功能为代价):

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