jquery - 包含多个图像时，Jquery tinyscrollbar 插件无法完全加载内容

Question

我正在使用 tinyscrollbar jquery 插件来更好地滚动。

如果您进入游戏规则部分，您将看到 5 个子部分：西洋双陆棋、Nackgammon、Narde、Tavla 和古英语。

Narde、Tavla 和古英语部分运行良好，因为它们没有很多内容并且只有一张图片。滚动没有问题。“Narde”部分未完全加载。西洋双陆棋部分也没有完全加载，有时文本会超出边距。这并不总是发生，因此可能需要一些刷新才能看到错误。

当我从步步高部分删除所有图像时，文本加载得很好。它甚至可以很好地加载包含 1 个图像。

我相信 jquery tinyscrollbar 插件可能会在内容之前加载并因此限制滚动。

非常感谢过去曾处理过此类问题的人们提供解决此问题的提示。

score 1 · Accepted Answer

如果在初始化tinyscrollbar时图像未完全加载，则无法正确计算高度。要解决此问题，您需要为每个图像设置高度和宽度。

score 1 · Accepted Answer

加载图像后，您需要使用 tinyscrollbar_update。

$(myimage).load(function() { $(scroller).tinyscrollbar_update() }

score 0 · Accepted Answer

I had the same problem and if you include the tinyscrollbar init after window.load you will no problem.

score 0 · Accepted Answer

加载内容后，您可以尝试调用 tinyscrollbar_update。在 setTimeout 上执行此操作。例如，

$("#scrollDiv").tinyscrollbar(); 
//other code if present
//and then finally
setTimeout("$('#scrollDiv').tinyscrollbar_update();",200);

这对我有用。

4 回答 4