小滚动条问题答案

【问题标题】：tinyscroll bar issue小滚动条问题
【发布时间】：2012-09-05 10:27:04
【问题描述】：

我已经安装了 tinyScroll 到我不确定是我没有正确安装 tinyScroll Bar 插件还是有 css 问题，当我尝试滚动隐藏内容时，我注意到我的滚动条不起作用。 click here 检查元素没有发现任何问题，但是当我单击滚动类noSelectappears 时，我注意到了。有谁知道问题是什么？

【问题讨论】：

你在哪里添加了 tinyscrollbar js ？
myscroll.js 在底部

标签： javascript jquery html css html5boilerplate

【解决方案1】：

您的$('#scrollbar1').tinyscrollbar(); 似乎没有正常运行。

很可能是因为您在加载实际滚动库之前调用了$('#scrollbar1').tinyscrollbar();。

将<script src="js/main.js"></script> 移动到页面底部，而不是顶部。

【讨论】：

这是我最初的想法，但我试过了，我仍然没有任何快乐
如果您注意到您可以在 Chrome Web 编辑器的 JS 面板中运行（右键单击检查元素）并运行 $('#scrollbar1').tinyscrollbar();然后滚动条开始运行。我注意到您在 main.js 中有两个文档准备部分，尝试将两个内容都放入 jQuery(document).ready(function($) { } 之一。
干杯，伙计，我又经历了那些微妙的变化，但卷轴仍然静止。
你能添加：$('#scrollbar1').tinyscrollbar();到底部有页脚 js 代码的地方，如下所示：jsfiddle.net/vGMAC
哈，我已经修改了，还是不高兴……我可能会放弃这个插件

【解决方案2】：

而不是#scrollbar1 尝试

$('.viewport').tinyscrollbar();

【讨论】：

奇怪的是尝试添加完整的js而不是min tinyscroll js
tinyscroll js 不是问题，它只是 $('#scrollbar1').tinyscrollbar(); 的定位问题。如您所见，您是否运行 $('#scrollbar1').tinyscrollbar();在 JS 检查器中。