问题标签 [nanoscroller]

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

jquery - jQuery 在点击时加载内容

编辑:基本上我想知道是否可以将从 jquery $('#mydiv').load(myurl) 函数加载的新内容挂钩到当前页面 jQuery 插件等

我有一个网页,用户单击链接,然后将 URL 内容加载到当前页面上的 div 中。

jQuery点击事件

当前页面 div

my/url/page.html 页面内容

问题是当前页面已初始化 nanoScroller 插件并且可以正常工作,但是一旦加载了内容,它将无法在消息 div 中工作。

我知道另一个页面有 nanoScroller 类命名,但是有没有办法让当前页面“捕获” my/url/page.html 内容中的命名类来初始化 nanoScroller 中的新内容?

我也知道我可以只在当前页面上的 nanoScroller div 中加载 URL 内容,但不想实现这一点,因为 my/url/page.html URL 内容最终将在 nanoScroll div 上方有几个 div

0 投票
1 回答
614 浏览

javascript - Nano Scroller 在 bootstrap DropDown 和 Model Box 中不起作用

我正在尝试使用下拉菜单中的纳米滑块(nanoScroller.js)创建类似于 facebook 的消息传递和通知系统。但是,内容正在滚动,但滑块不可见。

这是我的html代码:

这是我的 JavaScript 代码: $(".nano-message").nanoScroller();

是否有任何错误或其他方法可以解决此问题?

0 投票
0 回答
33 浏览

jquery - 添加新数据时重新调整 nanoScroller。

我正在使用 angular nanoscroller,它是 nanoScrollerJS 的包装器: https ://github.com/maxaon/angular-nanoscroller

我希望滚动条自动调整到添加新数据的点的顶部(添加时),现在当新数据添加到列表中时,滚动条保持在同一个位置。

我想用这个滚动条实现这样的目标:

https://sroze.github.io/ngInfiniteScroll/demo_async.html

0 投票
2 回答
633 浏览

jquery - 如何在 jquery 数据表的表体上添加 nanoscroller?

我正在尝试将 nanoscroller 添加到我的表中,我正在使用数据表。我想要的是标题应该是固定的,滚动应该只适用于表格主体,但它适用于整个表格。

谁能帮我解决这个问题?

这是我尝试过的。

0 投票
1 回答
144 浏览

javascript - AngularJS:如果在 angularJS 上方添加 Jquery,则不显示 Bootstrap-colorpicker 颜色

我发现了一个奇怪的问题,如果我在 angular js 上方添加 Jquery,引导颜色选择器会停止显示颜色。在我的 index.html

我这样做是为了使用自定义滚动条(nanoscroller),它们需要在 Angular 之前初始化 Jquery。你能帮忙吗?

0 投票
1 回答
2857 浏览

html - CSS溢出:可见不起作用

不要属性溢出-y:滚动;溢出-x:可见;为一个元素。帮助解决问题。如果左侧菜单折叠,当您将鼠标悬停在带有子菜单类子元素的 li 上时,子菜单不会出现,因为溢出-y 滚动。如何解决问题?

0 投票
0 回答
174 浏览

jquery - 打破 nanoscroller 的溢出并重叠一个 div

我搜索了一个示例,如何使用 nanoScroller 使表格的主体可滚动。唯一的解决方案是用 div 制作的并且工作正常。

现在我想在这个单元格中添加一个菜单,它应该像这样与桌角的主体重叠: 想要的结果

但目前它看起来像这样:

我究竟做错了什么?

0 投票
0 回答
249 浏览

angular - 将库添加到 Angular 项目后出现 nanoScroller 错误

在将 mapsvg jQuery 库添加到 Angular (4) 项目并向地图添加弹出框功能后,我在控制台中收到错误并且弹出框功能不起作用。

我将所有 js 文件的引用添加到 Angular 项目中。

错误:

可能我错过了一些东西,但我无法调试它。

app.component.ts -> onInit() :

角.json

0 投票
2 回答
53 浏览

javascript - 我有一个分页问题,​​将其与 nanoscroller 相结合

我有这个示例网站http://www.miguelonenterprises.com/horizo​​ntalScroll.html

我对这个网站的问题是:这是一个分页页面。如果我将鼠标放在 nanoscroller 部分内并向下滚动,页面将滚动到第二页。我想要做的是当鼠标在 nanoscroller 部分内时,它会上下滚动 nanoscroller 部分而不会将分页移动到下一页。如果鼠标在 nanoscroller 部分之外,则它会移动到下一个分页页面。

有人有想法么?