问题标签 [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.
angular - 如何将滚动条滚动到底部?
我在将滚动条滚动到底部时遇到问题。它在 ngAfterViewInit 上正常加载。
当我添加新消息时,它不会触发滚动,但在添加第二条消息后,它会滚动到第一条消息。所以看起来我需要延迟什么的。
我为此创建了一个 Stackblitz:StackBlitz
javascript - React PerfectScrollBar 在容器底部滚动以获取动态生成的内容
我正在使用反应完美滚动条https://www.npmjs.com/package/react-perfect-scrollbar
我正在尝试实现聊天功能,在单击用户时,通过 ajax 请求聊天消息并将其放置在 DOM 中。在这里,我希望容器在底部滚动。
我已经在反应中实现了下面的代码,但它似乎不起作用。蚂蚁的想法?注意:我已经过滤了代码,只粘贴了相关部分。我已经为 scrollTop 使用了建议的方法,但它不起作用。
javascript - 即使内容减少,完美的滚动条也会继续显示
我正在尝试完美的滚动条。滚动条工作正常......当内容超出时它开始显示滚动条。...但!当内容被删除小于 div 的高度时,我希望滚动条消失。它不是。只有在拖动器向上移动或单击拖动器上方的导轨后才会出现。
要在删除内容后立即让滚动条消失,这是否需要使用事件处理程序并在 Javascript 中以编程方式完成?我原以为这是默认行为。代码中没有什么可显示的,但这是我初始化它的方式:
我最初更改了 CSS 以更改滚动条的宽度并更改颜色。可以肯定的是,我重新安装了零更改的 CSS,只是为了检查这种行为。它仍然是一样的。
编辑:尝试使用浏览器的默认滚动条。一旦内容被删除到小于 div 的高度,滚动条就会消失。
javascript - 如何以角度调用 ngx-perfect-scrollbar update() 和 ScrollTop() 方法?
我正在使用"ngx-perfect-scrollbar": "^5.3.5"
. 我将描述添加为“查看更多”和“查看更少”,并且页面上有滚动条。在执行“查看更多”和“查看更少”单击操作时,完美的滚动条不会自行更新,底部还有一个额外的空白。
.html
.ts
javascript - 应用了文本区域的完美滚动条,但滚动条不可见
我的文本区域将扩展到特定高度,之后我想显示 PerfectScrollbar。它是由功能应用的(Textarea 正在滚动),但滚动条不可见(隐藏)。
我在 textarea 的 keydown 事件中添加了以下代码。
javascript - 可扩展的 p 标签在复制粘贴内容时不会按预期方式扩展
我有一个 contenteditable p 标签,它会展开到一个特定的高度,然后它会有一个滚动条。将内容复制粘贴到可扩展的 p 标签内时,它不会扩展,或者有时会扩展超出高度限制。
HTML:
<p contenteditable = true id = "expand" class = "editable">
CSS:
jquery - PerfectScrollbar 无法在引导模式中使用滚轮
使用 PerfectScrollbar 0.6.11,我不能让鼠标滚轮在模式中滚动元素。
这是一个小提琴:https ://jsfiddle.net/9e64aspu/
滚动条显示,但我不能使用滚轮滚动。正常吗?
reactjs - 如何在 Ag-Grid 中获得完美的滚动条反应
我有这个问题的反应。
Perfect-Scrollbar 不能与 Ag-Grid 一起正常工作。
垂直滚动条仅在您使用键盘并在列表中向下滚动时显示,而水平滚动条根本不显示 PerfectScrollbar。
“反应”:“^16.9.0”
“ag-grid-react”:“^21.1.0”
“完美滚动条”:“^1.4.0”
我试图在数据加载后更新 Perfect-Scrollbar。
我已经尝试了几个 CSS 设置。
我有一个代码沙盒示例来演示。
https://codesandbox.io/s/ag-grid-perfect-scrollbar-wgbsj
我希望 Perfect-Scrollbar 与 Ag-Grid 一起使用,因为它看起来很棒。
javascript - 完美滚动条滚动到元素不工作
我正在使用perfect scrollbar
. 但不能使用 scrollToElement 属性。传递元素时会引发打字稿错误"DOMException: Failed to execute 'querySelector' on 'Document': "
这是我的html代码如下:
angular - NGX 完美滚动条:在减小比例的同时移除 IE11 中的水平滚动
该问题已在 IE11 上重现。当我减小比例时出现水平滚动轴。我尝试使用suppressScrollX: true
,useBothWheelAxes: false
但它不起作用。
如何在缩放时删除 IE11 上的 x 轴?