问题标签 [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.
jquery - jQuery 自定义内容滚动器不会滚动到底部
我将 mCustomScrollbar 用于页面上的一个元素,该元素有时会重新加载。这是一个消息视图,当用户单击另一个对话时,会加载此对话的消息。但是,当我想在加载后滚动到底部时,由于最新消息位于底部,它不会滚动到底部,而是滚动到底部上方的几个像素(“一些”可以随机在 10 到 200 像素之间)。
下面是一个简化的例子:
CSS:只有一些边距、填充、颜色和其他东西,没什么花哨的
jquery - jQuery 自定义内容滚动条动画
我正在尝试在使用mCustomScollbar滚动时制作动画
我可以scrollTop
使用以下代码获取电流并使其在特定高度上进行动画处理:
但是,如果我尝试使用以下代码使动画倒退:
这部分失败了,一旦添加,animate({opacity:0})
不知何故需要很长时间才能开始动画。
预习:
jquery - 用自定义内容滚动器替换浏览器滚动条
我在我的网站上使用jQuery 自定义内容滚动器并正确安装了所有文件。但是,我希望这个插件能够替换我的默认浏览器滚动条,但我很难做到这一点。显然,我需要将它应用于整个 HTML 标记。
要将此插件添加到内容中,开发人员建议如下:
到目前为止,要将其应用于浏览器滚动条,我已经尝试了下面的代码,但没有成功:
有谁知道我做错了什么,或者我如何让这段代码在浏览器上运行?
jquery - JQuery mCustomScrollbar autoScrollOnFocus
我有 reCaptcha 的联系表格并使用 jQuery mCustomScrollbar 插件。
问题:当我点击/关注 reCaptcha 字段时,页面会自动滚动到 div 的顶部。
请参阅Jsffidle 上的演示,Jsfiddle上的代码
注意:如果 mscrollbar 不能在 jsfiddle 上工作,那就是从 malihu 站点调用 js 和 css 的问题。
使用autoScrollOnFocus: false
在具有焦点的元素上自动滚动(例如,当按下 TAB 键时,滚动条会自动滚动以形成文本字段),值:true、false。
它适用于所有字段焦点而不是自动滚动,如何在不使用的情况下解决此问题autoScrollOnFocus: false
?
javascript - 带有波斯语和响应式的jQuery自定义内容滚动器水平问题
我正在使用这个插件在我的网页中添加自定义滚动功能。(http://manos.malihu.gr/jquery-custom-content-scroller/)在某些部分,我需要一个类似报纸的内容/帖子,其中列要水平滚动,但问题是:
- 布局的媒体查询和响应性不适用
- 我的内容的语言是 RTL(波斯语)我希望滚动从右到左开始,但它自然从左开始,所以从左边有很大的空间,我们必须滚动才能到达原始内容。
如果我能从你们那里得到解决方案,我将不胜感激:)
提前致谢。
javascript - 使水平滚动条从右端开始
在 mCustomScrollbar 中,我想默认将滚动条放在水平位置的右端,所以我尝试了这个:
这没有用。以下工作,但不会将滚动条移动到正确的位置:
我应该怎么做才能使水平滚动默认出现在右侧?
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
jquery - 始终在 mcustomscrollbar 插件中显示滚动条
我目前正在使用 mcustomscrollbar,它是一个 jquery 免费插件。有没有办法让这个插件总是显示滚动条?
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
中那样手动调用,所以我不能只是从示例中“复制粘贴”。
我在这里能错过什么?