3

私の妹への好意として、簡単なサイトを一緒に考えようとしていました。それは彼女が購入したテンプレートに基づいており、私は彼女のコピー/写真をすぐにまとめたばかりなので、マークアップは完璧にはほど遠いことを認識しています。とはいえ、それが次の問題をどのように引き起こしているのかわかりません...

テンプレートは、jScrollPaneと呼ばれるjQueryプラグインを使用して、コンテンツセクションをスクロール可能にします。ただし、Chrome（v20）では、これが機能しない場合があります。下にスクロールすることはできません。

しかし、本当に奇妙なのは、それが機能するかどうかに影響を与えるように見えるパターンです。次を試してください

  • Google Chromeでhttp://mattandkate2012.co.ukにアクセスし、[Ceremony]をクリックします。地図を表示するのに十分なだけ下にスクロールできますか？私はできません。
  • リロードアイコンを押し、「セレモニー」をクリックします-下にスクロールできますか？私はできません。
  • ブラウザのURLバーでURLを選択し、Enterキーを押します-下にスクロールできますか？今はできるよ！

他のすべての人が上記と同じ結果を取得しますか？URLバーでEnterキーを押すと、リロードボタンとは異なる効果がある理由を知っていますか？

この機能はFirefoxやIEでも正常に機能します。

ありがとう

ピート

4

2 に答える 2

1

非常に簡単に見てみると、セクションに画像が含まれていて、画像が読み込まれた後はjScrollPaneを再初期化していないためだと思います。見る：

http://jscrollpane.kelvinluck.com/image.html

更新とロケーションバーでEnterキーを押すことの違いは、ロケーションバーでEnterキーを押すとキャッシュされた画像が表示されることです。

于 2012-07-19T10:31:22.557 に答える
0

$('.content').jScrollPane({showArrows: true});呼び出しをブロック内に移動することを$(document).readyお勧めします-ドキュメントの準備が整う前に呼び出すと、画像やその他の要素が読み込まれないことが多く、コンテナの高さが間違ってしまいます。

于 2012-07-19T10:33:15.467 に答える