问题标签 [mcustomscrollbar]

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

jquery - mCustomScroll - 在页面加载时滚动正文焦点

我正在使用 mCustomScrollbar 的键盘支持,它可以让用户使用箭头键滚动。

但是用户一旦点击了滚动框就可以使用箭头键。我的要求是让用户在页面加载时滚动滚动框架。

所以基本上我想要的是在页面加载后聚焦滚动框架。一旦生成了滚动框架,我就尝试过应用 .focus() 但它没有用。

有什么建议么 ?

0 投票
1 回答
55 浏览

jquery - 两个卷轴同时触发

我目前一直在一个项目中使用 jQuery Custom Scrollbar。我有一个带有滚动条的主 div 和另一个带有主 div 内滚动条的小 div。每当我滚动小 div 时,它会在滚动条遇到内容末尾时触发主 div 滚动。滚动小div时如何防止滚动主div?

干杯。

0 投票
1 回答
247 浏览

jquery - 滚动 - 单击时无法滚动固定侧边栏中的自定义滚动

我制作了一个固定的侧边栏并应用了自定义滚动条(iemcustomscrollbar),但我希望点击锚标签(在手风琴内)我想滚动侧边栏顶部的手风琴,为此我使用的是相同的如果侧边栏不粘到将正文或 html 滚动到单击的元素顶部位置时,我正在使用的代码。

我做错了什么?

不粘

如果侧边栏不粘,这是代码

如果侧边栏是粘性的,这是代码

这是jsfiddle链接

不粘

注意: Sticky 示例似乎在 jsfiddle 中不起作用,请将示例复制并粘贴到另一个自定义文件中:)

0 投票
1 回答
293 浏览

javascript - 无法在动态添加的元素上显示 mCustomScrollBar

我有一个 div <div id="MetricsTypeYearModelList"></div>。在这个 div 我动态添加一个 ul 元素

在此之后,我循环一个 JSON 对象并将 li 元素动态添加到 ul 元素

我在我的 ul 元素中使用了“mCustomScrollbar”类,但这没有出现,正常的滚动条确实出现了。我如何显示 CustomScrollBar

0 投票
0 回答
10366 浏览

jquery - 光滑滑块的自定义滚动导航

我有一个带有 自定义 mCustomScrollbar 滚动条的光滑滑块

任务:单击导航按钮(箭头)时,滑块应滚动一张幻灯片,并且滚动时应不会散开。滚动导航也应该滚动一张幻灯片(最好)。

问题:如何实现对光滑滑块的自定义滚动导航(带过滤)?

0 投票
3 回答
2793 浏览

javascript - 如何使用 CSS 设置 mCustomScrollbar 的宽度

我正在尝试通过 按照文档.mCSB_dragger中的描述设置宽度来增加滚动条的宽度。但滚动条宽度保持不变。

这是代码:

0 投票
1 回答
4132 浏览

javascript - 带有自定义滚动条 (mCustomScrollbar) 的自定义选择 (Nice select)

我是新来的,我遇到了一个我无法解决的问题。

我有一个使用nice select的自定义选择,它运行良好,然后我添加了mCustomScrollbar,它也运行良好,问题是当我只想使用键盘时,我首先使用TAB聚焦,然后按下向下箭头(或空格键,输入,向上箭头)显示选项的位置,一旦您继续使用箭头向下移动,滚动条不会随着光标移动而显示其余选项,例如如果您使用鼠标,我想找到一种修复方法这样当用户使用键盘时,它可以看到所有选项。

代码笔: https ://codepen.io/anon/pen/MPPybJ

HTML

CSS

JS

谢谢!

0 投票
0 回答
547 浏览

jquery - m.自定义滚动条在 RTL 模式下不起作用

我已经创建了一个网站(现在是静态的),并且我使用滚动条在一个小部件中显示最近的帖子,它同时具有垂直和水平滚动条。该网站的基础是 bootstrap 4.1.3,并且在 ltr 模式下一切正常。

但是当我将它转换为 rtl 时,滚动条(iemcustomscrollbar)默认位置默认粘在左侧而不是右侧,并且它不会改变。

这是我的js代码

注意:-我已经应用了这个类(在 body 标记处)使其成为 rtl。

我已经使用dir="rtl"属性使其成为 rtl,但它仍然不起作用。

更新:

当我应用 jquery 2.1.3 或 1.11.1 时它可以工作,但是当我应用 3.1.1 或 3.3.1 时它不工作。

这是工作示例:-

使用 jquery 1.11.1 -示例 1 (工作)

使用 jquery 2.1.3 -示例 2 (工作)

使用 jquery 3.3.1 -示例 3 (不工作)

包括您的示例,它不适用于 jquery 3.3.1

0 投票
1 回答
577 浏览

jquery - 使用 mCustomScrollbar 一次滚动一个元素

如何使用 mCustomScrollbar 确保在滚动元素上一次一个元素。我有以下html:

在滚动时,一次ul只能li滚动一个,即没有元素应该跳过滚动。

0 投票
1 回答
471 浏览

javascript - TinyMCE 编辑器防止滚动事件冒泡

我在具有自定义滚动条(通过 mCustomScrollbar)的容器中使用 TinyMCE,但是当我尝试滚动编辑器时,滚动卡住了。

这是一个演示它的小提琴(尝试使用鼠标滚轮滚动它):https ://jsfiddle.net/moaLsfnv/

有没有办法让编辑器冒泡所有滚动事件?