问题标签 [nicescroll]

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 回答
106 浏览

javascript - 如何使 nicescroll 适合未渲染的元素

我正在使用的应用程序中使用自定义版本的 jQuery NiceScroll。包含滚动条的元素尚未完成渲染。不幸的是,当元素完成渲染时,滚动条没有放在正确的位置。

我的实现:

在此处输入图像描述

滚动一点后,滚动条会到达正确的位置。

在此处输入图像描述

在元素完成渲染后,如何使滚动条首先到达正确的位置?

提前致谢

0 投票
0 回答
147 浏览

angularjs - Angular-bootstrap-ui 在模态弹出窗口中出现 niceScroll 问题

我在 angular-bootstrap-ui 模态弹出中使用 niceScroll,在 IE 中滚动条在模态弹出中不起作用,但在正常使用中它工作正常。提前致谢。

问题:在模态弹出(angular-bootstrap-ui)中 图片

工作正常:正常使用 正常使用

0 投票
1 回答
54 浏览

jquery - 无法在 chrome 中单击、拖动和选择模态上的表单字段数据(使用漂亮的滚动到模态导致问题)

无法在 chrome 中单击、拖动和选择模态上的表单字段数据(使用很好的滚动到模态导致问题)?

0 投票
1 回答
180 浏览

nicescroll - nicescroll() 不适用于自动生成的 div

我正在使用 nicescroll 库 js,因为我想让我的 div 滚动更好,而不是默认滚动。我想滚动到由 javascript 生成的标记列表 ul。

在此处输入图像描述

我添加了这样的 nicescroll javascript 库:

和这样的功能:

0 投票
1 回答
723 浏览

jquery - NiceScroll 未在点击事件中显示

我有一个显示侧面菜单的切换按钮。

侧面菜单有一个 niceScroll。

我尝试在隐藏菜单事件上隐藏 niceScroll,这很有效,我可以看到光标(niceScroll 栏)。现在在显示菜单事件中,我尝试显示 niceScroll 并且它正在工作,但光标仍然隐藏。

我正在使用此代码在“隐藏菜单事件”中隐藏 niceScroll:

这段代码在“显示菜单事件”中显示 niceScroll:

请有任何帮助

更新

当我尝试通过单击菜单来显示它时,css 是:

我认为这是一个错误,不是吗?

这是我的代码

0 投票
1 回答
1331 浏览

jquery - Jquery PLugin NiceScroll 和 Zindex 不会改变

我的 div 位置固定并溢出 auto ,如果它使用 nicescroll 进行更改,请查看人员滚动条并对其进行自定义

情况很完美,但问题在于滚动条的 z-index,我可以在 div 下看到滚动条,这是一个大问题,因为不可能使用此滚动条

此滚动条适用于谷歌浏览器,但显示在 div 下以在 Firefox 中滚动

我的代码是:

大问题它不尊重我放在里面的 z-index 值,并继续在 div 下看到固定位置

谢谢问候

0 投票
1 回答
1253 浏览

javascript - jQuery nicescroll 不适用于动态内容和其他产生随机效果的 JavaScript 函数

所以事情就是这样,我有一个高度很大的侧边栏,因为有很多导航链接。我正在使用 jQuery nicescroll 插件让它看起来很好。在侧边栏中,我还有 h3 标签,它会产生每 4 秒显示字母(见代码)的随机效果。因此,当它打开时 - 滚动在这 4 秒内根本不起作用,您无法进行任何滚动。我尝试使用$("#sidebar").getNiceScroll().resize(),但它也不起作用。有什么办法让它工作吗?

0 投票
0 回答
215 浏览

scroll - 鼠标在tinyMCE上时jQuery niceScroll不起作用

我在引导程序中有一个管理仪表板。还实现了 nicescroll。但是当鼠标在 tinyMCE 编辑器上时页面没有滚动。

0 投票
1 回答
1024 浏览

wordpress - 移除 niceScroll 以启用默认浏览器滚动

我得到了 Ember Pro 主题,它带有内置的niceScroll. 我想删除它,但找不到方法。

我想删除它的原因是存在一个问题:当鼠标光标位于 iframe 内容上时,我无法滚动,我为其他页面尝试了相同的 iframe,一切都很好。以下是链接: http ://exe4um.lv/biletes/和http://valmierashk.lv/biletes/

iframe 是票务服务的 API。所以问题是如何禁用exe4um.lv页面上的 nicescroll 以启用浏览器的默认滚动条?

0 投票
0 回答
290 浏览

javascript - niceScroll:ajax 调用或 HTML 更改后滚动条不会消失

我知道 stackoverflow 上存在类似的问题,但这无助于我解决我的问题,所以请不要将其标记为重复。这是类似的问题: NiceScroll - Leaving Original Scrollbar Intact

我之前使用的是 niceScroll 3.6.x,但移动浏览器不支持,比如在 android chrome 上,我无法滚动我的内容。所以我深入研究了这个问题并得到了解决方案,我只需要将插件库更新到 3.7.x,现在我使用的是最新的 3.7.6。完成此更新后,chrome 或移动浏览器问题已得到解决,但出现了一个更糟糕的新问题。在 ajax 调用或 UI 布局更改后,UI 上的滚动条/导轨不会被删除,导致它在 UI 上的许多地方显示滚动条。见下图:
Scrollbar_Showing img

我知道一种解决方案,使用以下代码手动删除所有滚动条,

但这将删除所有滚动条,并且在我的页面上,我有大约 3 或 4 个不同的 niceScroll 内容部分,而不仅仅是一个。

另外我注意到的另一件事是,在我的滚动内容之一中有一个 ajax 调用并且内容会自动更改,在 ajax 调用之后我重新初始化 nicescroll 并且每次在滚动条上它都会删除最后一个滚动条阴影。见下图:
scrollbar_shadow_img