问题标签 [tinyscrollbar]

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

jquery - 微小的滚动条插件 - 尽管宽度固定,overview-div 还是会换行

我正在使用带有 Jquery 的 Tiny 滚动条插件来查看相册。除了一个包装问题外,它工作正常。

例子:http://67.23.251.125/~emelieze/test/index.php?t=collage&p=collage/Test&scroll=yes

正如您可能看到的那样,图像(或者更确切地说包含图像的 div)没有排列在单行中,它们仅在您向右滚动时才会排列。overview-div 具有固定的宽度和高度,但它仍然包裹到 viewport-div(黑色边框使其很明显。)overview-div 的宽度是用 php 计算的,因此不能将其放在样式表中.

滚动条 div 及其内容如下所示:

CSS:

内头标签:

如何阻止overview-div 包裹到viewport-div?

0 投票
3 回答
9679 浏览

jquery - 为什么小 Scrollbar jQuery 插件中的更新方法在此脚本中不起作用?

我在页面加载的 div 上使用 tinyScrollbar Jquery 插件http://baijs.nl/tinyscrollbar/有 display:none 所以当它可见时我必须使用更新方法(如文档所述)但是更新方法不起作用..这是代码:

注意:当我在页面加载 display:block 上制作 div 时,它可以正常工作。

0 投票
3 回答
9885 浏览

jquery - Tiny Scrollbar 出现 JavaScript 错误

我将 TinyscrollBar 添加到我的 Wordpress 网站,当页面加载时出现以下错误:

我确保我首先包含了 tinyscrollbar.js 文件,然后才进行调用

导致错误的问题可能是什么?

编辑:运行 tinyscrollbar 的 HTML:

0 投票
1 回答
403 浏览

jquery - Ruby on rails 项目中的 jquery 冲突

我正在开发一个应用程序,其中由于 2 个 jquery 文件而导致渲染结果冲突,这是我遇到错误的代码

现在你可以看到有 2 个 .js 文件调用,如果我tools.min.js在它不会加载之前写tinyscrollbar.min.js,反之亦然

我试图合并两个查询但没有成功,我不知道如何使用noconflict function() 任何人都可以帮助我吗?

0 投票
1 回答
316 浏览

javascript - 这个小滚动条有什么问题?

http://jsfiddle.net/J74VS/4/

我无法让它正常工作,我只是想创建一个tinyscrollbar的基本小提琴。

0 投票
2 回答
1212 浏览

javascript - 使 tinyscrollbar 与不断变化的动画内容一起工作

我正在使用 tinyscrollbar来显示一个不错的滚动条。

我的部分内容被隐藏(display:none),并且仅在单击按钮后显示在slideDown()/slideToggle()动画中。

当我显示额外的内容时,滚动条不会更新,并且部分内容现在无法访问。有没有一种可以平滑更新动画的解决方案?

仅供参考,这是一个不流畅的解决方案(只需.tinyscrollbar()在动画完成后再次调用):

0 投票
2 回答
1015 浏览

tinyscrollbar - 使用带有 ajax 加载内容的 Tinyscrollbar.js 插件

我有一个呈现一些内容的主干视图:

然后,我在内容加载后进行了一个简单的调用 initializeScrollbar():

这就是我所做的一切!对 tinyscrollbar() 的调用会出现以下错误:

但 Chrome 控制台提供: 镀铬控制台

Firefox firebug 控制台提供: 火狐控制台

不确定它们是否相关,但我必须是插件,按照说明只写了 1 行代码!任何人都知道它为什么这样做。

0 投票
1 回答
2023 浏览

javascript - jQuery:在特定窗口大小中添加或删除函数

我对 jQuery/JS 非常陌生,并且在特定窗口大小中添加或删除功能几乎没有问题。如果您可以查看我的代码并进行更正,我将不胜感激。

详细地说,我使用了 tinyscrollbar 插件,我只希望它出现在特定的窗口大小中(假设窗口宽度超过 650 像素)。

这是我的代码:

0 投票
0 回答
619 浏览

jquery - tinyscrollbar 轴 X 在 tinyscrollbar 轴 Y 内

我有垂直滚动的 DIV1 (#scrollbar1)。我想在 DIV1 (#scrollbar1) 内包含一个 DIV2 (#scrollbar2),其中滚动是水平的。我都使用 Tinyscrollbar 插件。

代码例如:

这可能吗 ?

0 投票
2 回答
2246 浏览

javascript - 如何从一个类中实现多个小滚动条?

我正在尝试使用插件 Tinyscrollabr.js http://baijs.nl/tinyscrollbar/实现多个滚动条

为了实现滚动条,我使用了类似本文中的函数 scrollify:http: //www.eccesignum.org/blog/making-tinyscrollbarjs-easier-to-implement

HTML:

Javascript:

我想让这更简单。例如,我将能够做到这一点:

但是 tinyscrollbar 需要一个 id。使用一个类,它加载第一个滚动条而不是其他滚动条。Firebug 返回此错误消息“f.obj[0] 未定义”

抱歉,如果我的问题很愚蠢,但是如何将 tinyscrollbar 应用于具有类的元素列表?

然后,在一些操作之后,如何使用函数 $allScrollbars.tinyscrollbar_update(); 更新所有这些滚动条;

感谢您的帮助,我刚开始使用 javascript,我正在努力学习。