javascript - 動的コンテンツの読み込み後に展開リストがフッターを移動しない

Question

以前に同様の質問をしたところ、修正は機能しましたが、何らかの理由で機能しなくなりました。基本的に、私はここにあるスタイルシートとここにある JavaScript ファイルとともに、ここにあるウェブサイトを開発しています。

最初にインデックス ページで要素を展開すると、それに応じてフッター/コンテナーの高さが変更されますが、左側のサイドバーを使用して別のページに移動し、最高評価のページに戻ると、フッター/コンテナは変更されず、静的なままです。私が間違っていることについてのアイデアはありますか？

Answer 1

理由はわかりませんが、これはホームページへのリンク方法に起因するようです。

http://drue.co.uk/1site/index.html - 作品

http://drue.co.uk/1site/index.html#index.html - 動作しません

ajax ページ読み込みの hashbang メソッドは、一般的に悪い習慣と見なされているため、履歴 APIを調べて同じ問題が発生するかどうかを確認するか、単に他のページからホームページに直接リンクすることをお勧めします。ページ全体の再レンダリング、ページは比較的小さい (ロード時に約 250kb) ため、これは大きな問題ではないはずです (ほとんどのホームページは既にブラウザーによってキャッシュされている可能性があります)。

編集：

何らかの理由で、2 番目の URL を介してページに移動するdivと、ID がinside

<div id="inside" style="height: 367px;">

これは、ajax ページロードのために JS に組み込まれているようです (ページがロードされた後、ページが正しく表示されるように、おそらく div の高さが設定されます)。

overflow: hiddenJavaScript からこれを削除し、内側の div でいくつかの clearfix を使用することをお勧めします。