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

jquery - 当光标在滚动条上移动时,jquery nicescroll 增加滚动条的宽度

我正在使用 nicescroll 插件。http://areaaperta.com/nicescroll/

在 facebook 中,当光标移动到滚动条上时,滚动条的宽度会增加。当光标向后移动时,滚动条的宽度返回默认宽度。我们怎么能这样呢?

0 投票
1 回答
160 浏览

jquery - 仅使用两个元素样式化滚动条

我正在尝试使用 NiceScroll 插件对滚动条进行样式化,除了它提供的参数之外,我还使用 css 来实现,问题是它创建了两个 HTML 元素,而我的设计“具有”三个元素。

这是我正在使用的参数:

这是滚动条的图像:

在此处输入图像描述 这是我为重现它而创建的 jsFiddle:http: //jsfiddle.net/YKhce/

我错过了白色的“栏杆”,我不想使用 :before 和 :after 伪元素,因为用户将主要在 IE 中使用它。

如何做到这一点?

0 投票
0 回答
325 浏览

javascript - niceScroll 从目标 div 的顶部向下生成滚动条

我第一次尝试使用 niceScroll,发现滚动条距离目标 div 标记的顶部远近 30 像素。垂直和水平条都计算不正确..我试图使用它的 div 是

0 投票
0 回答
175 浏览

javascript - 查询插件 NiceScroll 出现在容器下方

我在这里问过同样的问题,但没有人回答。插件nicescroll将其滚动条定位在距离容器顶部 30px 的位置。我试图查看许多示例,但没有任何线索。帮助将不胜感激..

0 投票
3 回答
2493 浏览

jquery - 将 nicescroll 链接到箭头按钮

我希望能够将自定义箭头按钮链接到 Nicescroll 脚本,以便在有人单击向上/向下按钮时发生滚动(除了已经存在的现有按键和鼠标滚轮滚动功能)。

关于如何做到这一点的任何想法?(对不起,我对 jquery 不是很好)

谢谢

0 投票
0 回答
524 浏览

javascript - 谷歌的自定义搜索加载后,Internet Explorer 不会加载自定义滚动条

我在我的网站中使用了 nicescroll jquery 插件。我还在我的搜索页面上使用了谷歌的自定义搜索。自定义搜索有一个仅结果界面,我在<div>.

nicescroll 以这种方式工作,如果页面需要滚动条,它将显示一个。如果页面不需要滚动条,则不会显示滚动条。

我在我的母版页中使用脚本标签来调用 jquery 和 nicescrolll 库,并且我在我的搜索页面中使用脚本标签来加载谷歌的自定义搜索脚本。

问题是在 IE 中,(因为 google 的自定义搜索需要一些时间来加载结果)滚动条不会出现(我认为是因为起初页面不需要滚动条,因为搜索结果没有'尚未显示!但即使结果显示后,IE 中仍然没有滚动条)。我注意到如果我调整 IE 窗口大小然后恢复到原来的大小,滚动条会出现。这是我的代码:

如您所见,我什至尝试将 nicescroll 脚本放入window.load事件中,因为它会在之后发生document.ready。但问题仍然存在!

ps:我的搜索页面在 chrome 和 firefox 上运行良好。我只有 IE 有这个问题。

关于我的问题有什么想法吗?

0 投票
1 回答
7912 浏览

javascript - niceScroll 光标高度

我正在使用 jquery nicescroll ( http://areaaperta.com/nicescroll/ )。

我想通过添加 cursorminheight 参数来调整光标的高度,这看起来很简单。这不起作用。

HTML

CSS

JS

我已经尝试了这两个不起作用的选项:

谢谢您的帮助!

0 投票
1 回答
1326 浏览

html - Bootstrap 3.0 和 nicescroll 插件显示在导航栏下

我正在使用带有 nicescroll 插件的 Bootstrap 3.0,在我的项目中,我使用navbar-fixed-top并留下50px 填充顶部,所以一切正常,问题是 nicescroll 插件显示在导航栏下,如下图所示:

在此处输入图像描述

而是这样:

在此处输入图像描述

0 投票
1 回答
2142 浏览

nicescroll - jquerymobile nicescroll 试图让水平滚动与 iframe 一起工作

我正在使用jquery 插件 nicescroll 我正在通过 iframe 将不同的页面加载到 div 的一部分(我必须使用 iframe 将 iframe 内容沙箱化)

我创建了这个小页面,但有两个问题?

1)如果我尝试通过触摸 iframe 内容进行滚动,则没有任何移动,我必须触摸 iframe 外部才能滚动它

2)它滚动非常缓慢且不均匀。

我已经硬编码宽度以进行滚动。一旦我解决了这个初始问题,我将不得不在加载后调整宽度。

谢谢你的帮助

这是简单的页面

0 投票
3 回答
8988 浏览

jquery - jQuery niceScroll 不适用于动态 DIV

几个星期以来,我一直在为这个问题苦苦挣扎,我研究了这个网站和其他网站上的几十篇文章。我有一个非常基本的问题。我有一个 DIV 标签#scrollarea,它是在一个 Web 应用程序中动态创建、销毁和重新创建的。我的问题是 niceScroll 功能只能使用一次。第二次尝试后,我不再获得控件

我尝试了几种技术,包括该resize()方法,但没有任何效果。我还安装了一个调节器,确保它只安装一次,然后再安装resize()。同样,没有任何效果。

鉴于我的代码被锁在安全门后,并且它是通过脚本触发的,因此在这里演示是一件非常困难的事情。

有没有人建议如何做到这一点?回顾:

  • 页面加载,不#scrollarea存在
  • 脚本触发,并且#scrollarea被安装到DIV
  • niceScroll连接到#scrollareaONCE 并且工作完美
  • 脚本再次触发,#scrollarea被新的滚动区域取代
  • 无论我使用什么技术,滚动条都不再起作用

尝试的方法:

  • niceScroll每次新品#scrollarea到货时安装
  • 安装niceScroll一次,再也不会
  • 安装niceScrollONCE,然后发出getNiceScroll().resize()
  • 尝试了.mouseover()->.resize()技术

所有技术都无法在第二次使用时呈现可用的滚动条。