问题标签 [perfect-scrollbar]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1029 浏览

javascript - 完美的滚动条无法使用 insertAdjacentHTML 动态加载内容

我正在尝试从数组(JSON 编码值)动态加载一些链接作为 div 内的列表。在我的真实应用程序中,这个数组来自 PHP。
insertAdjacentHTML('beforeend', "link content")用来设置内容。

为了样式相同,我使用“手风琴滑块”和“完美滚动条”,我已经成功地将两者结合起来。我可以在 div 中显示我想要的链接,但现在滚动条似乎消失了。

请在此处检查小提琴 - https://jsfiddle.net/prashu421/2mpL61x7/
如果您要检查未动态加载的链接是否可滚动并且滚动条显示在那里。

对于我的案例,我在互联网上找不到任何明确的参考资料。

任何帮助是极大的赞赏。
感谢您的考虑。

0 投票
0 回答
365 浏览

javascript - 这个关键字结果在ie11中未定义

我有一个奇怪的问题:我有一个页面可以在除 IE11 之外的所有主要浏览器上正常工作,但页面无法加载。

我在ie 11的控制台中检查,发现这个错误:

在此处输入图像描述

错误是指设置滚动条样式的函数 SetStyle:

这是我用来以这种方式设置滚动条样式的函数:

我不知道可能是什么问题,此代码在其他浏览器中有效,我还没有找到有关 ie11 和this关键字的有用信息。

显然似乎做var n=thisn 结果是不确定的,

老实说,我不知道可能是什么问题。

我正在使用 babel 和 gulp:

而且我还为 ie11 插入了Array.frompolyfill,所以我认为这不是问题所在

有人可以给我一些关于这个问题的提示吗?也许与完美滚动条插件有关?

0 投票
0 回答
1537 浏览

javascript - 带有完美滚动条的 x 滚动容器上的 wheelPropagation

我正在使用完美滚动条在 x 轴上滚动大表。When the option useBothWheelAxesis set to true I can use the mouse wheel to scroll the table horizo​​ntally. 当我到达表格的末尾时,我想继续向下滚动页面。查看文档,我希望我可以使用wheelPropagation它:

如果此选项为真,当滚动到达边的末尾时,鼠标滚轮事件将被传播到父元素。

垂直这确实有效。但是,这在水平滚动时似乎不起作用。

可以在此处找到识别问题的演示:https ://codepen.io/anon/pen/YaXBoV

0 投票
4 回答
5197 浏览

angular - ngx-perfect-scrollbar:如何从打字稿中引用指令?

我正在使用ngx-perfect-scrollbar我的 Angular 5 项目。div当路线改变时,我想滚动到顶部。

仪表板.html

仪表板.ts

但我得到这个错误:

TypeError: _this.perfectscroll.scrollToTop 不是函数

0 投票
0 回答
1893 浏览

angular - 嵌套的完美滚动条滚动 div 子项和父项

我正在使用ngx-perfect-scrollbar

我在页面上有固定高度的部分。因此,2 个完美的滚动条一个用于页面,另一个用于页面中的部分。

但是当滚动页面的内部部分时(用鼠标单击以测试触摸屏上的滚动)并到达底部或顶部时,页面滚动也会随着部分滚动而滚动。这就是问题所在。

以下是html代码示例:

让我知道,我怎样才能阻止这种行为?

提前致谢。

0 投票
2 回答
5602 浏览

angular - Ngx-Perfect-Scrollbar 不起作用

我一直在努力完成这项ngx-perfect-scrollbar工作。我已经使用安装了库

之后,我将依赖项添加到我的app.module.ts. 但是当我运行该应用程序时,它给出了错误

Object(...) 不是函数

我不知道我在这里做错了什么。所有步骤都按照 github repo 进行。

这是我看到的错误

错误是从第 126 行生成的

ngx-perfect-scrollbar 文件代码

这是我的 html 文件

0 投票
0 回答
1200 浏览

javascript - 完美的滚动条作为 Vue.js2 指令

我正在制定一项perfect-scrollbar指令。

我发现到处都是,但它默默地失败了。这是代码:

不幸的是,它要么“没有指定任何元素来初始化 PerfectScrollbar”,要么返回这些暗示编译问题的神秘错误消息:就像元素没有正确传递一样。Vue Chrome 调试器没有提供有关指令是否实际到达那里的信息。这个想法听起来很性感,但如何实施呢?感谢您的帮助,真的!:)
安慰

0 投票
1 回答
2339 浏览

angular5 - Angular 5 如何动态添加 ngx-perfect-scrollbar?

如何将PerfectScrollbarComponent (ngx-perfect-scrollbar) 选择器是“完美滚动条”组件动态添加到 Angular 5 组件?

先感谢您。

0 投票
1 回答
2458 浏览

javascript - $(...).perfectScrollbar 不是用 webpack 构建 JS 的函数错误

我正在Laravel 5.6与.app.jswebpack

我安装了npm 完美滚动条,但我无法让它工作。当我加载页面时,我得到:

我的 js 引导程序是:

我也试过:

我像这样初始化滚动条:

perfect-scrollbar如果我在我之后通过 CDN加载代码,app.js那么我的代码就可以工作。

如何正确导入perfect-scrollbar并使其可用于代码的全局范围?

0 投票
2 回答
3139 浏览

javascript - Laravel javascript 需要完美的滚动条

我尝试要求 jquery pulginperfect-scrollbar到我的 laravel javascript。所以我跑了

在我的 Javascript 文件的第 1 行(位于 下ressources/assets/javascript/material-dashboard/myfile.js)我需要此插件

myscript.js必需的app.jsrequire('./material-dashboard/myscript.js')

现在浏览器控制台告诉我

资产是用

的内容myscript.js

怎么了?

谢谢你的帮助!