问题标签 [perfect-scrollbar]

我正在使用这个插件来改变我的滚动条的外观。

尽管进行了所有尝试，但我仍无法使其正常工作，实际上，如果我在 iFrame 上方滚动页面，则滚动不起作用，如您在此代码段中所见：

我可以设置 iFramez-index:-1来解决这个问题，但是 iFrame 不再可点击。

为什么在使用 Perfect Scrollbar 悬停 iFrame 时无法滚动页面？

嗨，关于 jquery 插件完美滚动条。

我想要两个滚动条之间的间隙。

HTML：

在此处查看演示

https://jsfiddle.net/DanielApt/gbfLazpx/

非常感谢任何帮助。

我正在尝试使用以下库向我的 Angular 应用程序添加样式滚动条： https ://github.com/zefoy/ngx-perfect-scrollbar

我按照该链接中的文档并将导入添加到我的 app.module.ts 文件中，但是在尝试使用它时我不断收到错误消息。

我还尝试将 PerfectScrollbarModule 和 PerfectScrollbarConfigInterface 导入到我正在使用的组件中，但仍然没有运气。

我尝试了以下所有 HTML，但它们导致了相应的错误消息。我错过了什么？顺便说一句，我使用的是最新版本的 Angular。

无法绑定到“配置”，因为它不是“完美滚动条”的已知属性。

“完美滚动条”不是已知元素：

无法绑定到“完美滚动条”，因为它不是“div”的已知属性

更新：

我添加ngx-perfect-scrollbar': 'npm:ngx-perfect-scrollbar'到地图对象是我的 systemjs 文件和以下包对象：

以下是我的app.module.ts文件的相关部分：

我正在尝试使用angular2-perfect-scrollbar.

我在 div 中使用它，它可以工作，但在 div 主滚动的末尾应该可以工作，它不工作。

当 div 的内容结束时，主滚动应该可以工作。

app.module.ts

包含.component.ts（我正在尝试使用完美滚动）

包含.component.html

我一直在兜圈子，试图将ngx-perfect-scrollbar应用于ag-grid。我可以让两者分别工作，但我想用完美滚动条完全替换我的数据表上的默认滚动条。

我已经按照他们的说明设置了我的模块：

在我的模板中：

这只会导致外部元素出现新的自定义滚动条，其中包含带有标准工具栏的数据网格。我需要将这两个指令应用于我猜想的同一个元素，但我不知道如何做到这一点。

我也在尝试这种方法，使用标准（非角度）完美滚动条包，并在.ag-body-viewport加载组件时尝试将其绑定到正确的元素：

但我也无法让它工作；我只是收到“无默认导出”错误...

任何指针表示赞赏。谢谢

我正在使用完美滚动插件

https://github.com/noraesae/perfect-scrollbar

当我使用该ps-y-reach-end事件时

问题是当滚动到达容器底部时，事件会触发不止一次。

JSFiddle 演示

Web 控制台打印：

请将y轴滚动到底部，您将多次看到控制台

我目前正在开发一个 Angular 4 项目，并且我正在使用 Angular cli。

目前我正在使用捆绑在一起的完美滚动条、bootstrap-slider.min.js、d3.js 等。

问题 当我们在 angular-cli 脚本数组中添加脚本文件时，它被捆绑在一起，并在浏览器中显示为script.bundle.js。

现在在script.js文件中，我们初始化了完美的滚动条，但是当页面加载时这根本不起作用。

我尝试了另一种方法是将代码放在文档就绪函数中，再次 ng 服务并刷新页面并且它工作。但是当更改路线并再次返回相同的视图时，它现在不起作用，我再次必须刷新它才能使其起作用。

我觉得一旦捆绑了脚本代码，它就无法正常工作，请问您有解决此问题的方法吗？

我在我的 angular4 应用程序中使用 angular2-perfect-scrollbar。我初始化了它，它工作正常，但是当我从列表中删除一个项目时，滚动条没有更新并溢出实际内容

我尝试按照此处的描述对其进行更新 How to call update() method of in Angular 2 Perfect Scrollbar wrapper? 但它没有用。

我在 tbody 元素中使用了完美的滚动条指令（显示属性设置为阻止。）但这不应该是问题。

它包含在我的模块中

我的组件包含这样的容器：

我这样称呼更新：

任何帮助将不胜感激。

@Edit：滚动条已更新，如果我尝试在表格上滚动或调整浏览器窗口的大小，它可以正常工作。

我为表格设置了滚动条。当我滚动到当前页面的底部并单击下一页时，滚动位置不会回到顶部。数据刷新后如何让它回到顶部？谢谢。

文档在这里不是很有帮助。我想在我的应用程序中使用完美的滚动条，以便绕过与所有浏览器的兼容性问题。我完全按照这里的描述初始化了我的代码https://github.com/zefoy/ngx-perfect-scrollbar/tree/4.xx/。这就是我在我的 html 中所做的

<perfect-scrollbar id="chat" [config]="config"> <li *ngFor="let message of messages"> {{messages}} <li> </perfect-scrollbar>

现在对于每条新消息，我希望容器自动滚动到最新消息。进一步阅读文档，我发现有调用事件的指令。这在我之前链接的文档末尾进行了描述。所以我的方法在同一个组件中如下：

这给了我一个错误，因为它期望 PerfectScrollbarComponent 成为提供者。在我这样做之后，我得到另一个错误 No provider for ElementRef!。

我为此失眠了。任何人都可以提出有关如何在角度 4 中使用完美滚动条实现自动滚动的建议吗？先感谢您