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

javascript - jQuery NiceScroll,当 div 触底时滚动页面

我正在使用nicescroll,它可以工作并且非常有趣。我使用它的方式是在一个 div 上,如下所示:

在此处输入图像描述

很好,但是,如果可滚动区域(div)到达底部,我希望能够滚动整个页面。

这是我用来初始化 NiceScroll 的函数:

0 投票
0 回答
625 浏览

jquery - jQuery NiceScroll 在拖动内容之前不出现/启用

我有一个网站,其中有一个包含需要在其中滚动的内容的 DIV,使用overflow: auto.

CSS:

jQuery NiceScroll 安装.product_list如下:

但是,.product_list直到我将.product_list. 什么会导致问题?

直播网站:http ://www.on-ce.com.hk/dev/ (点击顶部菜单“我们的产品”,.product_list将显示)

ps NiceScroll 添加tabindex="5005" style="overflow: hidden; outline: none;".product_list.

0 投票
2 回答
427 浏览

javascript - 使用 Nicescroll 和 mousewheel.js 时避免水平触摸板上的抖动滚动

所以我使用 mousewheel.js 来处理文档任何部分的鼠标滚轮滚动,这样我就可以滚动 Nicescroll 制作的自定义滚动条。

你可以在这里检查它的工作原理

这是处理滚动的部分代码:

现在我的问题是,当它在带有启用水平滚动的触摸板的计算机中使用时,移动都是抖动的,使其无法使用。所以这个问题会影响人们使用任何类型的水平滚动笔记本电脑,比如 chromebook 或 macbook。

我尝试过各种修复,使用 deltas 但无济于事。

我希望这里有人能找到解决方案。

谢谢。

0 投票
1 回答
1330 浏览

jquery - 为什么当子 DIV 触底时 jQuery Nicescroll 不允许父 DIV 滚动?

我有一个名为“Intro”的子 DIV,在其上设置了 Nicescroll:

一切正常,但问题是当使用 Nicescroll 滚动子 DIV 到达子 DIV 的底部时,父 DIV 不会开始滚动父 DIV。

我知道 Nicescroll 有一个名为的选项nativeparentscrolling,默认设置为 true。但是,无论我是否在代码中包含此选项并将其显式设置为 true 或不包含它,子 DIV 都会滚动到底部并停在那里。向上滚动时也是如此。它停在顶部,父 DIV 不滚动父 DIV。

当我在移动/平板设备上时,同样的行为也是如此。

任何人都可以帮助我解决这个问题,让 Nicescroll 变得更好吗?

0 投票
1 回答
4635 浏览

javascript - Select2 + 自定义滚动条

我正在尝试将一些自定义滚动条与 Select2 4.0 连接起来。我在 stackoverflow 上发现了一些旧主题,但解决方案(使用 select2 3.4 ie)似乎已经过时了。

我试过:jquery.scrollpane 和 jquery.nicescroll。两个滚动条都不适用于 Select2 4.0。或者也许我做错了什么?

滚动窗格解决方案(使用时出现“未找到结果”错误)

nicescroll 解决方案(绝对没有效果,HTML同上)

是否有任何其他自定义滚动条可以与 Select2 4.0 一起使用?或者也许可以将 nicescroll 或 scrollpane 与 Select2 连接起来?任何帮助将不胜感激。

0 投票
1 回答
5883 浏览

horizontal-scrolling - 如何在 Nicescroll.js 中删除水平滚动?

我尝试使用$("body").niceScroll({horizrailenabled:false});body{overflow-x: hidden} 但都没有工作。我在某些分辨率上水平滚动,例如 on 480px,而不是全部。

0 投票
1 回答
635 浏览

javascript - 带有错误 tabindex 值的 jquery.nicescroll

我跟着jQuery.NiceScroll来编辑滚动条。通常,当我调用时$(selector).niceScroll(),它会将一些 css 属性附加tabindex到选择器中。像这样:

p

然后,id 开头的 2 个 div 也ascrail将附加到<body>

_p

如您所见:如果tabindexis 5000,则 2 个新 id 将是ascrail2000and ascrail2000-hr

这意味着我们可以<div>通过以下方式访问 's:

这很好,直到我使用jQuery BlockUI将一些 div 显示为弹出窗口:

脚本:

然后,我查看了页面源,tabindex被覆盖:

一世

但这不适合div[id^="ascrail"]

_一世

现在,如何更改andz-index中的css 属性?div#ascrail2001div#ascrail2001-hr

这种方式将无法正常工作:

我的问题是:$(selector).niceScroll()没有检查现有的 tabindex 值并更新新的 tabindex 值。(现有值:5000,新值:5001)。

所以,我的问题是:在这种情况下如何更新 tabindex 的新值?

p/s:我正在使用 mvc 5。<p class="lead">在另一个与<div class="n-images">.

0 投票
1 回答
335 浏览

wordpress - Wordpress 主题 [WP-simple] 滚动问题

我正在做一个网站。我用 wordpress 他们 WP-Simple

我根据需要修改了主题,一切正常,除了它不在子页面上滚动。

http://pranicenergy.55freehost.com/site/ - - 主页工作正常。 http://pranicenergy.55freehost.com/site/healing/ - - 子页面不滚动。

请帮忙。

0 投票
2 回答
1350 浏览

javascript - nicescroll 向下滚动时出错

我有一个 html 文档,我的聊天正在其中运行。收到一条新消息后,我用 .append 添加它。之后我想向下滚动到聊天窗口的底部。但由于某种原因, nicescroll 不会完全向下滚动。

我的html元素:

jquery 脚本:

nice scroll(1) 因为网站上有另一个 nicescroll 元素。

$('.chat').getNiceScroll(1).doScrollTop($('#chat_body').height() - 1, 1);在 chrome 开发者控制台中使用非常好。

我想知道为什么。也许.append是慢?

0 投票
1 回答
1053 浏览

jquery - NiceScroll Scroller 在比滚动的 div 宽度更小的 div 中

我正在使用从左侧固定两列的表格,就像在这个一样。我正在使用 nicescroll。问题是 nicescroll 插件开始在整个表格上从左到右滚动。我希望它从固定列的末尾滚动到表的末尾并滚动所有列。意思是滚动条的父div宽度小于实际滚动的区域,类似相对滚动。