Question

我在我的新网站www.digimobjobs.com上使用tiny scrollbar 我在许多地方使用这个滚动条，但这个webste是唯一一个有滚动条问题的地方。这是：http://www.digimobjobs.com/news.php。

在twitter标签和新闻标签上，我必须设置一个特定的滚动高度：

#newsWidget
{
    font-weight:lighter;
    font-size:12px; 
    height:2000px;
    color:#333333;
    text-align:left;
}

#twitter-ticker{
    width:610px;
/*  height:921px; */
height:1025px;
    color:#4297f9;
/*  display:none; */
    text-align:left;
}

在其他地方，我使用的是相同的小滚动条代码。我认为冲突是在javascript之间。其实我对javascript知之甚少。请问有人帮我吗？如果你使用firebug，你可以看到我的整个代码。请帮帮我！

Answer 1

我已使用Google Chrome和Firefox测试了您的网站，并且<不查看任何问题。

附加

但是，如果您仍然遇到问题，可能需要考虑使用CSS3更改滚动条。

了解详情：

Surfin' Safari Blog（难以理解）
CSS-Tricks*（更容易理解）

总之，它基本上是这样的:(来自CSS-Tricks网站）

::-webkit-scrollbar              { /* CSS here */ }  /*the whole scrollbar*/
::-webkit-scrollbar-button       { /* CSS here */ }  /*the scrollbar buttons*/
::-webkit-scrollbar-track        { /* CSS here */ }  /*the scrollbar's whole track*/
::-webkit-scrollbar-track-piece  { /* CSS here */ }  /*the scrollbar's track*/
::-webkit-scrollbar-thumb        { /* CSS here */ }  /*the scrollbar's moving piece*/
::-webkit-scrollbar-corner       { /* CSS here */ }  /*bottom corner piece (when no resize)*/
::-webkit-resizer                { /* CSS here */ }  /*bottom corner piece (when there's resizing)*/

更新

我做了一些测试，并修复了第二个标签：

// Try running this in the console when it the page is completely loaded.
$("#news_feed").tinyscrollbar();
$("#news_feed").tinyscrollbar_update();

根据 Tiny Scrollbar 网站，它说，

更新（ .tinyscrollbar_update() ）方法可用于将滚动条调整为新内容。

因此，每次更改内容时都必须调用它。例如，您的XML更新需要每次调用它。

但为什么会出现问题呢？
经过一些测试后，似乎api在您的内容加载之前运行结果，它认为两个<div>是空的并且没有高度（因此没有滚动条）。

第一个Twitter标签？
试着自己解决。

我之前从未使用过这个插件，所以我可能错了。如果你发现错误，请修复我。

Answer 2

请通过此方法重新启动tinyScroller吧。

$（ '＃scrollbar1'）tinyscrollbar_update（）;

微小的滚动条不适用于JavaScript（javascript冲突）

2 个答案:

附加

更新