jqueryで実際の高さではなく、要素の目に見える高さを取得します

Question

この投稿はthis oneに関連しています。 こちらもお読みください。 :-)

私がリンクしている記事では、divの目に見える高さが別のdivの目よりも大きければ、私の問題の解決策はリンクのターゲットを変更することになると思いました。私のレイアウトでは、私が参照しているすべてのdivは、高さが1100pxです。しかし、それは私が得たいものではありません。私は、実際の高さではなくビジターに現在表示されているdivの高さをスクリプトで取得したいと思います。 jQueryを使ってそれを行う方法はありますか？

ありがとうございます！

Answer 1

ビューポートDIVの内容を別のDIVでラップします。 DIVがすべてのコンテンツの高さを読み取るように指定します。

JQuery：$（ 'div＃contents'）。height（）;

レイアウト：

<div id="viewport"> 
    <div id="contents">...all your div contents...</div> 
</div> 

この情報がお役に立てば幸いです。がんばろう。

Answer 2

固定された1100pxの高さを使用する必要がありますか？最大高さ：1100pxを指定することもできます。高さ：100％。 はあなたが、もちろん、あなたが何ができるか

$('.divclass').height(); 

Answer 3

によって現在の高さを得ることができますdivの内側に入れたい内容に応じて親からそれを親コンテナの先頭に要素の位置を取り、その後マイナスコンテナの高さ。それはあなたに要素の目に見える高さを与えます。ここで

$('#container').height() - $('#overflow').position().top 

はこれを示すfiddleあります。