问题标签 [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 投票
4 回答
16392 浏览

jquery - jQuery 自定义内容滚动器不会滚动到底部

我将 mCustomScrollbar 用于页面上的一个元素,该元素有时会重新加载。这是一个消息视图,当用户单击另一个对话时,会加载此对话的消息。但是,当我想在加载后滚动到底部时,由于最新消息位于底部,它不会滚动到底部,而是滚动到底部上方的几个像素(“一些”可以随机在 10 到 200 像素之间)。

下面是一个简化的例子:

CSS:只有一些边距、填充、颜色和其他东西,没什么花哨的

0 投票
1 回答
399 浏览

jquery - jQuery 自定义内容滚动条动画

我正在尝试在使用mCustomScollbar滚动时制作动画

我可以scrollTop使用以下代码获取电流并使其在特定高度上进行动画处理:

但是,如果我尝试使用以下代码使动画倒退:

这部分失败了,一旦添加,animate({opacity:0})不知何故需要很长时间才能开始动画。

预习:

http://www.alphadesigns.t15.org/

0 投票
1 回答
14571 浏览

jquery - 用自定义内容滚动器替换浏览器滚动条

我在我的网站上使用jQuery 自定义内容滚动器并正确安装了所有文件。但是,我希望这个插件能够替换我的默认浏览器滚动条,但我很难做到这一点。显然,我需要将它应用于整个 HTML 标记。

要将此插件添加到内容中,开发人员建议如下:

到目前为止,要将其应用于浏览器滚动条,我已经尝试了下面的代码,但没有成功:

有谁知道我做错了什么,或者我如何让这段代码在浏览器上运行?

0 投票
2 回答
25406 浏览

jquery - JQuery mCustomScrollbar autoScrollOnFocus

我有 reCaptcha 的联系表格并使用 jQuery mCustomScrollbar 插件。

问题:当我点击/关注 reCaptcha 字段时,页面会自动滚动到 div 的顶部。

请参阅Jsffidle 上的演示,Jsfiddle上的代码

注意:如果 mscrollbar 不能在 jsfiddle 上工作,那就是从 malihu 站点调用 js 和 css 的问题。

使用autoScrollOnFocus: false

在具有焦点的元素上自动滚动(例如,当按下 TAB 键时,滚动条会自动滚动以形成文本字段),值:true、false。

它适用于所有字段焦点而不是自动滚动,如何在不使用的情况下解决此问题autoScrollOnFocus: false

0 投票
0 回答
332 浏览

javascript - 带有波斯语和响应式的jQuery自定义内容滚动器水平问题

我正在使用这个插件在我的网页中添加自定义滚动功能。(http://manos.malihu.gr/jquery-custom-content-scroller/)在某些部分,我需要一个类似报纸的内容/帖子,其中列要水平滚动,但问题是:

  1. 布局的媒体查询和响应性不适用
  2. 我的内容的语言是 RTL(波斯语)我希望滚动从右到左开始,但它自然从左开始,所以从左边有很大的空间,我们必须滚动才能到达原始内容。

如果我能从你们那里得到解决方案,我将不胜感激:)

提前致谢。

0 投票
1 回答
943 浏览

javascript - 使水平滚动条从右端开始

在 mCustomScrollbar 中,我想默认将滚动条放在水平位置的右端,所以我尝试了这个:

这没有用。以下工作,但不会将滚动条移动到正确的位置:

我应该怎么做才能使水平滚动默认出现在右侧?

0 投票
1 回答
1604 浏览

jquery - 如何将 CSS 样式应用于动态生成的列表(在 mCustomScrollbar 容器内)?

我正在使用 MongoDB 数据库动态生成一个列表getJSON()

生成的 HTML 是正确的,相关的 CSS 样式也是正确的。

' <li>s 应该有图像作为背景,但它们没有被应用。

在 Firebug 中,我将鼠标悬停在每个图像的背景 URL 上<li>并预览图像,因此我可以判断路径是正确的,它们只是没有显示。

我遇到的解决方案涉及使用listview('refresh'),但这似乎是一个 jQuery Mobile 解决方案,我只是使用标准 jQuery。

我看到的另一种解决方案是addClass()在函数运行后使用元素,但该元素已经在 HTML 中应用了正确的类,只是没有显示样式。

是否有在函数运行后重新应用 CSS 的“标准”方式,或者有另一种方法来确保将 CSS 应用于动态生成的列表?

HTML

jQuery(外部 js 文件)

生成的 HTML

0 投票
2 回答
4071 浏览

jquery - 始终在 mcustomscrollbar 插件中显示滚动条

我目前正在使用 mcustomscrollbar,它是一个 jquery 免费插件。有没有办法让这个插件总是显示滚动条?

0 投票
1 回答
1584 浏览

jquery - 如何使用高度:手动调用 mCustomScrollbar() 时在 CSS 中使用 JQuery 自定义内容滚动器的自动属性

我正在尝试在我的 jekyll 驱动的 Github 站点上使用此处讨论的 JQuery 自定义滚动条脚本。我想用它来滚动每个页面中的代码块,这样对于每个代码块,如果有溢出,就会有一个水平或垂直(或两者)滚动条。但是,不同代码块的高度不同,因此插件必须使用 CSS 属性max-height: nPx而不是height: nPx.

问题是,如果我只定义max-height: nPx没有height: nPx属性(我不想要它,因为我希望高度自动/随内容而变化),那么整个代码块就会崩溃,使得滚动条与内容一起完全消失。

这是 Jsfiddle 上的一个最小可重现示例,仅定义了max-height定义。设置height: nPx使内容和滚动条正常工作:除了这不是一个选项:在我的情况下,height必须是自动的。

我已经查看了作者max-height提供的存档中使用插件的示例,但在max-height.html示例中,并没有像我在示例mCustomScrollbar中那样手动调用,所以我不能只是从示例中“复制粘贴”。

我在这里能错过什么?

0 投票
1 回答
409 浏览

jquery - jQuery 插件:将 mCustomScrollbar 应用于 SCEditor

如何将mCustomScrollbar应用于SCEditor

是我迄今为止尝试过的:

HTML

JS

我还尝试了另一种方法,按照这个例子,但导致身体被擦除(见这个问题