gpt4 book ai didi

html - 如何在 Angular 6 应用程序中使用滚动条插件?

转载 作者:行者123 更新时间:2023-11-28 01:44:08 26 4
gpt4 key购买 nike

我正在 Angular 6 中创建一个应用程序,我想将所有滚动条更改为自定义滚动条。我的目标是类似于 Mac OS 滚动条的东西;

  1. 透明
  2. 关于内容
  3. 鼠标悬停时显示

我想要一种方法,可以在不改变 html 的情况下将应用程序中出现的所有滚动条和任何滚动条替换为这个自定义滚动条。

我一直在寻找 Angular/Typescript 插件来执行此操作,但我发现的每个插件都建议我将我的内容包装在它的相关选择器中。这不是我想做的事情。还是我不明白如何使用它?

我正在查看的这个插件:https://www.npmjs.com/package/ngx-perfect-scrollbar

有没有一种方法可以在不使用 <perfect-scrollbar> 包装我的内容的情况下使用这个插件? ?

抱歉,我是 Angular 的新手 :(

我也在研究自定义 CSS 滚动条,但它只适用于 webkit 浏览器。

最佳答案

只需使用这个:

const ps = new PerfectScrollbar('.scroll-container');

并在所有需要滚动的元素上设置scroll-container

关于html - 如何在 Angular 6 应用程序中使用滚动条插件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50272487/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com