问题标签 [perfect-scrollbar]

我已停用浏览器滚动条并在内容中使用完美的滚动条div

那么问题是什么？

该问题是由工具提示和弹出框的对齐触发的。

请从github repo下载代码

那么下载了github repo的代码后该怎么办。

单击工具提示或弹出框按钮并尝试滚动内容窗口，弹出框/工具提示将粘在窗口上，而不是使用按钮元素滚动顶部或滚动底部。

这是创建幻灯片，但底部有一个滚动条和一个小的白色间隙。正如我在另一个主题中发现的那样，我已将其放置在隐藏了相对和溢出的 DIV 中，但它仍然显示滚动条。我假设我还需要做其他事情，但似乎无法在此处找到与我正在做的事情完全匹配的相关主题。

你好，

我需要帮助在顶部添加滚动条，在标题之后，水平滚动条。非常感谢它的反应js。

我正在使用highcharts 库，它是相关的插件，并使用完美的滚动条进行滚动。该图表使用“缩小”和“放大”（鼠标滚轮事件）插件进行扩展，并放置在父DIV元素下（在其上实现了完美的滚动条）。

请注意，它应该是这样工作的：

• 当用户鼠标悬停在图表上并且用户滚动鼠标滚轮时，图表“缩小”/“放大”（应用来自 highchart 插件的事件）；
• 如果用户没有用鼠标悬停图表并且正在滚动鼠标滚轮，则向下滚动父 DIV；

上述场景已在以下 jsfiddle 中实现，适用于Chrome browser：https ://jsfiddle.net/delux123/4kh5zbxv/68/

但问题是这行不通Mozilla Firefox browser。在那里，当用户鼠标在图表上方时，图表不会“缩小”/“放大”；

我无法检测到这两个库中的哪一个导致了问题，但鼠标滚轮事件以某种方式包含在问题中。我在这里尝试了许多组合，但无法使其在两种浏览器中都按预期工作。

编辑：

这是基于以下@User863答案的解决方案： https ://jsfiddle.net/delux123/4kh5zbxv/73/

我正在做一个项目，在那里我使用完美的滚动条一切正常，直到我将项目转换为支持rtl模式。

suppressScrollX : true无论是否在ltr模式下使用，滚动条都能完美运行，但在rtl模式下，它可以完美运行，而suppressScrollX :true一旦我设置了这个参数，它就会将我的内容向左移动。

当我检查时，我看到滚动条自动从左侧增加数字。

注意：我suppressScrollX :true用来删除水平滚动条

这是我的示例代码

下载工作示例

https://github.com/Yusufzai/issue-PerfectScrollbarRtl.git

有没有办法在加载后将 div 容器添加到perfect-scrollbar（https://www.npmjs.com/package/perfect-scrollbar）而不改变当前位置。类似于 Android 如何处理他们的回收者视图。

IE 如果我有一个可滚动的 DIV，其元素从 10 到 100 并且我在滚动位置 30，并且我将 0 到 10 的元素添加到顶部（所以总列表将是 0 到 100）我注意到当我在 30 时这样做时将所有内容重新移动到点 0。有没有办法在不重新移动所有内容的情况下添加元素？

或者是否有另一个我可以用于网络的包来类似于 recycler-view？
谢谢。

perfect-scrollbar我在我的应用程序中使用的是旧版本React。在旧版本中，ps.initialize()我使用了一种方法，ref用于我想使用完美滚动条的部分。

我尝试了新方法——见下文——但完美的滚动条似乎没有初始化。

在应用程序中使用完美滚动条的正确方法是React什么？顺便说一句，有一个完美滚动条的React Wrapper，但它已经有一段时间没有更新了，这个新更新的版本perfect-scrollbar已经解决了旧版本的一些问题，所以我真的很想使用这个。我会很感激这里的一些指示。谢谢。

我在 div 元素上使用 ngx-perfect-scrollbar，如下所示：

但是只有当我将鼠标悬停在滚动条的 div 元素上时，滚动条才可见。我怎样才能让它一直可见？

我正在尝试（没有成功）让 react-perfect-scrollbar 在我的 material-ui 应用程序中工作。

我已经提取了一个简单的版本到https://codesandbox.io/s/agitated-resonance-4yxzo

目的是仅使“内容”部分（带有 lorem-ipsum 的位！）可滚动，并且滚动条仅在此内容区域内可见。

有任何想法吗？

干杯!

我有一个固定高度的容器 div（取决于 100vh 即窗口高度）。在那个容器内，我添加了一些手风琴，当它们打开/关闭时会影响区域运行时的高度。我在我的容器 div 中实现了一个 react-perfect-scrollbar。

当我自动打开/关闭任何手风琴时它不会更新，但当我手动滚动该区域时它工作正常。我需要自动更新滚动条 - 当我打开/关闭手风琴时以及调整屏幕大小时。

这是工作链接：https ://codesandbox.io/s/heuristic-pascal-2sqmt?file=/src/Example.js

如果有人对此有一些修复，请指导。