问题标签 [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.
javascript - 完美的滚动条无法使用 insertAdjacentHTML 动态加载内容
我正在尝试从数组(JSON 编码值)动态加载一些链接作为 div 内的列表。在我的真实应用程序中,这个数组来自 PHP。
我insertAdjacentHTML('beforeend', "link content")
用来设置内容。
为了样式相同,我使用“手风琴滑块”和“完美滚动条”,我已经成功地将两者结合起来。我可以在 div 中显示我想要的链接,但现在滚动条似乎消失了。
请在此处检查小提琴 - https://jsfiddle.net/prashu421/2mpL61x7/
如果您要检查未动态加载的链接是否可滚动并且滚动条显示在那里。
对于我的案例,我在互联网上找不到任何明确的参考资料。
任何帮助是极大的赞赏。
感谢您的考虑。
javascript - 这个关键字结果在ie11中未定义
我有一个奇怪的问题:我有一个页面可以在除 IE11 之外的所有主要浏览器上正常工作,但页面无法加载。
我在ie 11的控制台中检查,发现这个错误:
错误是指设置滚动条样式的函数 SetStyle:
这是我用来以这种方式设置滚动条样式的函数:
我不知道可能是什么问题,此代码在其他浏览器中有效,我还没有找到有关 ie11 和this
关键字的有用信息。
显然似乎做var n=this
n 结果是不确定的,
老实说,我不知道可能是什么问题。
我正在使用 babel 和 gulp:
而且我还为 ie11 插入了Array.from
polyfill,所以我认为这不是问题所在
有人可以给我一些关于这个问题的提示吗?也许与完美滚动条插件有关?
javascript - 带有完美滚动条的 x 滚动容器上的 wheelPropagation
我正在使用完美滚动条在 x 轴上滚动大表。When the option useBothWheelAxes
is set to true I can use the mouse wheel to scroll the table horizontally. 当我到达表格的末尾时,我想继续向下滚动页面。查看文档,我希望我可以使用wheelPropagation
它:
如果此选项为真,当滚动到达边的末尾时,鼠标滚轮事件将被传播到父元素。
垂直这确实有效。但是,这在水平滚动时似乎不起作用。
可以在此处找到识别问题的演示:https ://codepen.io/anon/pen/YaXBoV
angular - ngx-perfect-scrollbar:如何从打字稿中引用指令?
我正在使用ngx-perfect-scrollbar
我的 Angular 5 项目。div
当路线改变时,我想滚动到顶部。
仪表板.html
仪表板.ts
但我得到这个错误:
TypeError: _this.perfectscroll.scrollToTop 不是函数
angular - 嵌套的完美滚动条滚动 div 子项和父项
我在页面上有固定高度的部分。因此,2 个完美的滚动条一个用于页面,另一个用于页面中的部分。
但是当滚动页面的内部部分时(用鼠标单击以测试触摸屏上的滚动)并到达底部或顶部时,页面滚动也会随着部分滚动而滚动。这就是问题所在。
以下是html代码示例:
让我知道,我怎样才能阻止这种行为?
提前致谢。
javascript - 完美的滚动条作为 Vue.js2 指令
我正在制定一项perfect-scrollbar
指令。
我发现它到处都是,但它默默地失败了。这是代码:
不幸的是,它要么“没有指定任何元素来初始化 PerfectScrollbar”,要么返回这些暗示编译问题的神秘错误消息:就像元素没有正确传递一样。Vue Chrome 调试器没有提供有关指令是否实际到达那里的信息。这个想法听起来很性感,但如何实施呢?感谢您的帮助,真的!:)
angular5 - Angular 5 如何动态添加 ngx-perfect-scrollbar?
如何将PerfectScrollbarComponent (ngx-perfect-scrollbar) 选择器是“完美滚动条”组件动态添加到 Angular 5 组件?
先感谢您。
javascript - $(...).perfectScrollbar 不是用 webpack 构建 JS 的函数错误
我正在Laravel 5.6
与.app.js
webpack
我安装了npm
完美滚动条,但我无法让它工作。当我加载页面时,我得到:
我的 js 引导程序是:
我也试过:
我像这样初始化滚动条:
perfect-scrollbar
如果我在我之后通过 CDN加载代码,app.js
那么我的代码就可以工作。
如何正确导入perfect-scrollbar
并使其可用于代码的全局范围?
javascript - Laravel javascript 需要完美的滚动条
我尝试要求 jquery pulginperfect-scrollbar
到我的 laravel javascript。所以我跑了
在我的 Javascript 文件的第 1 行(位于 下ressources/assets/javascript/material-dashboard/myfile.js
)我需要此插件
是myscript.js
必需的app.js
require('./material-dashboard/myscript.js')
现在浏览器控制台告诉我
资产是用
的内容myscript.js
怎么了?
谢谢你的帮助!