0

見栄えの良いdivスクロールのために、WebサイトにTinyScrollbarプラグインを実装しました。しかし、SafariまたはChromeでページを更新すると、奇妙なことが起こります。私のコンテンツの一部をクリップするのは継ぎ目です。ページを更新するとどうなりますか？このように動作する可能性がありますか？mettestentoft.dkをご覧ください

単純なテストページで同じプラグインを使用してみました。ページを更新すると、プラグインが「スクロールバーを無効にする」クラスをdivに追加し、同じページにリンクしているリンクをクリックすると、表示どおりに表示されます。 。

Tiny Scrollbarプラグインのデモページは、私が見逃していない限り、問題はないようです。

だから私の質問は：ページがリンクされたページに等しくロードされるために、jQueryに関して何かをしなければならないのですか？

前もって感謝します ：）

4

3 に答える 3

7

body タグを終了する前に js を配置するコードを試しました。ローカル マシンまたはローカル ホストで作業しましたが、オンラインで解決できませんでした。

次に、ostrgard の Web サイト参照を見つけました: http://mettestentoft.dk/erhverv.html

彼はその問題を解決しました。私は彼のコードを見て調べ、そこに解決策を見つけました。

このコードを完璧に動作させるだけです:

<script type="text/javascript">
$(window).bind("load", function() {     
    $('#scrollbar1').tinyscrollbar();
});
</script>
于 2011-02-10T00:51:23.313 に答える
1

Scrollbar プラグインをどのように初期化していますか? ですか$('#cases_container').tinyscrollbar();？

#cases_containerdivの設定された高さを削除します。

Nodo.css 行: 101.

#cases_container {
    /*height: 383px;*/
    width: 550px;
    /*overflow-x: hidden;*/
    /*overflow-y: hidden;*/
    /*position: relative;*/
    /*top: -200px;*/
    /*left: 250px;*/
}

これを行うとページ上の配置が台無しになると想定しているため、すべての相対位置などを適用する別のコンテナー div を作成しますが、オーバーフローは非表示のままにします。

于 2010-12-22T20:27:07.237 に答える
1

私は同様の問題を抱えていました.shahzadのソリューションは私にとってはうまくいきましたが、最初のロード時のみで、リフレッシュ時はありませんでした. これは、jQuery ロード キャッシュが原因でした。解決：

$(window).load({noncache: new Date().getTime()},function() { $('#scrollbar1').tinyscrollbar();} );
于 2012-07-09T11:56:44.290 に答える