1

また、スクロールを改善するために tinyscrollbar jquery プラグインを使用しています。

ゲーム ルール セクションに移動すると、バックギャモン、ナックギャモン、ナーデ、タブラ、オールド イングリッシュの 5 つのサブセクションが表示されます。

Narde、Tavla、および Old English セクションは、コンテンツが多くなく、画像が 1 つしかないため、問題なく機能します。スクロールは問題ありません。「Narde」セクションが完全にロードされていません。バックギャモン セクションも完全に読み込まれず、テキストがマージンを超えることがあります。これは常に発生するわけではないため、エラーを確認するには少し時間がかかる場合があります。

バックギャモン セクションからすべての画像を削除すると、テキストが正常に読み込まれました。1つの画像が含まれていても問題なくロードされました。

jquery tinyscrollbar プラグインがコンテンツの前にロードされ、そのためにスクロールが制限される可能性があると思います。

過去にこのような問題に対処したことがある人がこの問題を解決するためのヒントを提供してくれることは非常にありがたいです.

4

4 に答える 4

1

画像がロードされた後、tinyscrollbar_update を使用する必要があります。

$(myimage).load(function() { $(scroller).tinyscrollbar_update() }
于 2013-04-10T01:20:32.910 に答える
1

tinyscrollbarの初期化時に画像が完全に読み込まれていない場合、高さを正しく計算できません。これを修正するには、各画像の高さと幅を設定する必要があります。

高さと幅がわからない場合は、imagesloadedのようなプラグインを使用して、画像が完全にロードされたことを検出できます。

于 2012-12-10T12:03:46.483 に答える
0

コンテンツが読み込まれたら、tinyscrollbar_update を呼び出してみてください。setTimeout でそれを行います。例えば、

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

これは私にとってはうまくいきました。

于 2013-01-19T09:47:58.493 に答える
0

私は同じ問題を抱えていました.window.loadの後にtinyscrollbar initを含めれば問題ありません。

于 2014-10-07T12:51:56.890 に答える