javascript - 内容缩小后完美滚动条继续显示

标签 javascript html perfect-scrollbar

我正在尝试完美的滚动条。滚动条工作正常......当内容超过时它开始显示滚动条。 ...但! 当删除的内容小于 div 的高度时,我希望滚动条消失。它不是。只有在拖动器向上移动或点击拖动器上方的轨道后,它才会运行。

要在删除内容后立即让滚动条消失,这是否需要使用事件处理程序并在 Javascript 中以编程方式完成?我原以为这是默认行为。代码中没有什么可显示的,但这是我如何初始化它的:

  const ps = new PerfectScrollbar('#editDiv', {
                    maxScrollbarLength: 60,
                    minScrollbarLength: 30
              });

我最初更改了 CSS 以改变滚动条的宽度和颜色。可以肯定的是,我重新安装了零更改的 CSS 以检查此行为。而且还是一样。

编辑:尝试使用浏览器的默认滚动条。一旦内容被删除到小于 div 的高度,滚动条就会消失。

最佳答案

如果内容发生变化,请使用 ps.update()

关于javascript - 内容缩小后完美滚动条继续显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57193965/

相关文章:

javascript - 在滚动上添加 offset().top 金额

javascript - 使用 jquery val 更新 $scope

javascript - 将 HTML 绘制到 Canvas

javascript - 使用 JQuery 隐藏动态创建的 HTML 元素

javascript - 完美滚动条错误没有指定元素来初始化Windows上的PerfectScrollbar

javascript - 带挖空绑定(bind)的完美滚动条

javascript - 更新列表中的项目在点击时显示 - Angular JS

html - 为什么第 nth-of-type/nth-child 不适用于嵌套元素?

javascript - 如何从文本中删除空格、标点符号和符号

javascript - Firefox 中的无限拖动完美滚动条问题