问题标签 [tinyscrollbar]

我正在使用Tiny Scrollbar Plugin制作一个微小的水平滚动条，在Media Queries的帮助下，在 768 px 的缩小窗口大小的非中断单个中显示 div 内的一堆图像。当我运行上面的代码并将窗口大小减小到 768 像素时，我的图像显示在一行中，但不幸的是我没有任何水平滚动条来滚动图像。我不知道我在哪里做错了。谁能告诉如何获得一个微小的水平滚动条

如何禁用页面上所有Tiny Scrollbar插件的实例？这是一个要测试的JSBin 。

上下文：我正在构建一个 Web 应用程序，该应用程序将这个插件用于桌面版本的所有 scollbars，但我想禁用它并为移动版本使用本机滚动条。

我正在创建 Asp.Net MVC 4.0 Web 应用程序，我必须在其中通过引导程序使用 tinyscroller.js。

我在同一页面上有两个网格，现在我必须在两个网格上应用滚动功能。为此，在两个网格的 div 上，我必须提供 Id“滚动条”。（同一页面上的两个 id 无效）。

但是它对一个 div 工作正常，但对第二个却不行。请建议我该怎么办？

目前我的 div id 是滚动条，所以我正在使用函数

我应该为第二个网格做什么

我很困惑，我想用插件 tinyscrollbar 制作一个侧边栏，我希望视口的“高度”是 '100%' 但是如果我更改 css 那么内容不会出现，你能给我另一个解决方案吗？

这是 tinyscrollbar 的默认代码，但我更改了视口的“高度”：

使用以下代码：

从tinyscrollbar 的这个流星包装中调用插件

我得到以下异常：

（完整的跟踪在这个 pastebin）

我很乐意根据需要提供更多信息！

我尝试使用 data-role=page 将 tinyscrollbar (tinyscrollbar.js) 实现到 jquery mobile 中。在第一页上它工作得很好。但在第二页上，该栏不见了。直到我点击检查元素。我尝试了 tinyscrollbar_update()、update(0)、slideToggle().promise()... 无效。他们都给了我不同类型的错误。

看起来像这样

我将与上面完全相同的代码复制到我的第二页代码中：

和我的 javascript 文件：

有人知道这是怎么回事吗？有什么办法解决吗？

我正在使用 tinyScrollbar 进行水平滚动，但鼠标滚轮仅适用于 chrome。

在 Firefox (29.0.1) 和 Internet Explorer (11) 中，鼠标滚轮不起作用。我使用的是 Windows 8。

您可以在插件的官方网站 ( http://baijs.nl/tinyscrollbar/ ) 中查看它，在带有图像的水平滚动示例中。

其他人有这个问题吗？

我正在寻找一个解决方案，这对于我之前的很多人来说肯定是一项任务。现在，Tinyscrollbar 非常适用于触摸屏。我在商店的一个非常大的屏幕上使用它，并且滚动条非常大。

人们尝试做的第一件事是通过拖动滚动条的 tumb 来移动内容。但它不起作用。Tinyscrollbar 没有该选项。还是我完全错了？

所以，我正在尝试使用 jQuery Draggable 来让拇指移动。但是如何根据拇指的位置更新内容呢？

这似乎是一项非常复杂、棘手的任务。但我想知道是否有一个我没有看到的简单解决方案。

我已经给开发者发了邮件，但是没有回复。

编辑：所以我发现，拖动在 FF 中可以正常工作，但在 Chrome 中不行。我可以使用 FF，但是滑动手势不起作用，这在 Chrome 中起作用。这很奇怪，因为在这里（http://baijs.nl/tinyscrollbar/）它可以工作，而在这里（http://baijs.nl/tinyscrollbar/examples/simple/）它只标记文本。我看不出区别。

所以谢谢你的帮助！

我有一个奇怪的问题

我在 http://jsfiddle.net/alexjamesbrown/oqu54cav创建了一个小提琴

在源代码中，<li>第 153 行有一个元素说“这应该是可见的”
但是，当最初运行它时，它在滚动窗口中不可见。

如果我调整窗口大小，即使是一点点，其余项目都按预期可见

我很难看到a）是什么原因造成的，以及b）为什么它会在调整大小时自行修复？

我正在使用Tiny Scrollbar。

想实现水平滚动。看例子#scrollbar2

代码在这里。

标记代码如下。

JS代码如下

我在浏览器控制台中没有收到任何错误，但我也没有收到很小的滚动条。

我想要实现的目标

提前致谢。