问题标签 [slimscroll]

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

jquery - 如何在信息窗口谷歌地图上添加 jquery slimScroll

这是我的脚本:

这是我的 slimScroll 脚本(http://rocha.la/jQuery-slimScroll

但结果不起作用,如何解决?

错误 SlimScroll

0 投票
1 回答
2784 浏览

jquery - 如何让纤细的卷轴始终可见?

我在 qtip 插件中使用了 slim 滚动插件。当鼠标进入 qtip 时,可以看到细长的滚动条。

我的代码是:

但我想让纤细的卷轴始终可见。

0 投票
1 回答
1512 浏览

javascript - Slimscroll 对鼠标悬停没有反应(或任何事情)

我正在尝试实现一个包含通知的下拉菜单,例如此页面:http://infinite-woodland-5276.herokuapp.com/index.html。网站右上角的扩音器图标,它的菜单,是我试图重新创建的。

我已经成功地制作了一个带有项目列表的标题菜单图标。但是我不能使滚动条工作。

它使用 jquery 插件 slimScroll,可在此处找到:http ://rocha.la/jQuery-slimScroll 。

在教程中,滚动条的附加看起来非常简单直接。这是我所做的:

实现此代码后,此代码出现在我的 DOM 中:

正如我所料,这些出现在#main-navbar-notifications 中,但随后出现。但是,我发现我尝试复制的示例中存在完全相同的 DOM 结构。似乎它应该如此。

但是我的滚动条根本不起作用。如果我将鼠标悬停在 div 上,则不会发生任何事情。我尝试将滚动条设置为始终可见,但仍然没有任何反应。然后我在 chrome 检查器中进入 HTML 本身,并手动将滚动条和滑轨设置为可见。这对可见性很有用,因为它们在视觉上完全符合我的预期,但它们仍然没有对任何鼠标操作做出反应。

我能找到的关于这个主题的唯一信息是确保我的滚动 div 设置为position: relative;,但这并没有做任何事情。我的控制台中也没有错误消息或任何消息。

我试图在小提琴中重新创建我的问题,但我无法在那里上传 slimscroll-library。

有谁知道这个错误可能是什么?或者有什么策略可以弄清楚问题到底是什么?

0 投票
0 回答
281 浏览

jquery - Jquery slimscroll滚动到锚链接点击

所以,我有一个 div,其中有一系列部分,由 slimscroll 插件控制溢出。它工作得很好,除了我想要滚动到指定部分的 div 之外有一系列锚链接点击与 slimscroll。

我知道这是可以做到的,我现在只是在画一个完整的空白。

基本上,设置如下:

我需要这些链接滚动到使用 slimscroll 的容器 div 中的指定锚点。

有任何想法吗?

提前致谢。

0 投票
1 回答
514 浏览

jquery - 如何将 slimscroll 用于表格中的特定部分?

详细信息:我在我的应用程序中使用 jquery slimscroll,它工作正常。但我面临的问题是,当我尝试在表格中实现 slimscroll 时,滚动条也与表格标题重叠。我只希望滚动仅在表格正文部分可见。这是我的html:

这里是“slimScrollPage”类,我用来启动slimscroll。我曾尝试将“slimScrollPage”类的位置更改为各种位置,但徒劳无功。

0 投票
1 回答
1609 浏览

javascript - Bootstrap 表的自定义水平和垂直滚动条

我正在使用引导表并有一个包含列的表(水平滚动条可见)。我的客户需要在表格中使用更纤细的滚动条。bootstrap表格自定义滚动条的解决方案,问题是它适用于垂直滚动条,而不适用于水平滚动条。

jsfiddle

html

javascript

0 投票
3 回答
2286 浏览

javascript - 如何添加slimscroll

因此,我正在尝试将 slimscroll 添加到我的表中以用于我的实时聊天框,但是我什么也没做。我为您提供的来源不包括我添加它的任何尝试,因为我只是指出我的失败没有意义。

聊天框.php

0 投票
1 回答
3542 浏览

javascript - JQuery Slimscroll issue

I have found Slimscroll and tried it. On the site where they show a working demo the scroll bar is attached to the container. But when I try it. the scroll bar is all the way to the right.

I have 3 containers and eventually on the page

I would like my 3 containers to be aligned on the same line. But because of slimscroll they are one after each other.

Even if I set the position to absolute it is not working.

0 投票
1 回答
321 浏览

javascript - 如何在 slimscroll 中使用边框半径

没有得到如何在 jQuery 的 slimscroll 中使用边框半径?我尝试了“border-radius”,正在触发错误,并尝试“radius”不起作用。

0 投票
2 回答
463 浏览

javascript - jQuery插件冲突和脚本声明顺序

我是 Web 开发的新手,并且遇到了两个插件的问题。我已经找到了解决它的方法,但是我完全不相信我做了什么,所以我问你们是否可以告诉我这是怎么回事。

有问题的页面使用 SlimScroll 和 DataTables 插件。起初,我有一个像这样的 HTML 文件。

在底部,general.js 用于处理点击事件和其他内容,而 tablas.js 具有获取包含数据的文件并将其显示在 DataTables 中的代码。general.js 中的相关代码:

tablas.js 的代码:

使用这种结构,当我加载页面时,SlimScroll 失败并在控制台中显示消息:“TypeError: $(...).slimScroll is not a function” 然后在触摸之后,我切换了 HTML 中脚本的顺序文件。我先放置数据表,然后再放置 slimscroll。

现在它工作正常,没有错误。有人可以向我解释发生了什么吗?提前致谢!