当包含多个图像时，Jquery tinyscrollbar插件未完全加载内容

Question

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

如果你进入游戏规则部分，你会看到5个小节：步步高，Nackgammon，Narde，Tavla和古英语。

Narde，Tavla和Old English部分工作正常，因为它们没有很多内容，只有一个图像。滚动没有问题。 “Narde”部分未完全加载。步步高部分也没有完全加载，有时文本超出边距。这种情况并不总是发生，所以看到错误可能需要一些刷新。

当我从步步高部分删除所有图像时，文本加载就好了。它甚至可以加载1张图片。

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

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

Answer 1

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

如果您不知道身高和健康状况，可以使用像imagesloaded这样的插件来检测图像何时完全加载。

Answer 2

图像加载后需要使用tinyscrollbar_update。

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

Answer 3

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

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

这对我有用。

Answer 4

我遇到了同样的问题，如果你在window.load之后加入tinyscrollbar init，你就没问题了。