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



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

如果您转到游戏规则部分,您将看到 5 个子部分:西洋双陆棋、纳克金门、纳尔德、塔夫拉和古英语。

Narde,Tavla和古英语部分工作正常,因为它们没有很多内容,只有一个图像。滚动没有问题。"Narde"部分未完全加载。西洋双陆棋部分也无法完全加载,有时文本会超过边距。这并不总是发生,因此可能需要刷新一些时间才能看到错误。

当我从西洋双陆棋部分删除所有图像时,文本加载得很好。它甚至加载得很好,包括 1 张图像。

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

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

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

如果您不知道高度和智慧,您可以使用像 imagesloaded 这样的插件来检测图像何时已完全加载。

您需要

在加载图像后使用tinyscrollbar_update。

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

加载内容后,您可以尝试调用tinyscrollbar_update。在设置超时时执行此操作。例如

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

这对我有用。

我遇到了同样的问题,如果您在 window.load 之后包含微小的滚动条,您将没有问题。

最新更新