1

これが私が取り組んでいるサイトです。具体的でない場合はご容赦ください。これは初めてです。

http://daniel.grocock.me/portnew

#introexpand div の段落の高さを設定し、ブラウザーのサイズが変更されたときに #introexpand がより大きな領域またはより小さな領域に収まるようにする必要があるかどうかを確認するサイズ変更機能を備えています。

function resize() {
    $("#introexpand").css("height", "auto").show();
    var pHeight = $("#introexpand p:first").height() + 15;
    $("#introexpand").css("height", pHeight);
}

したがって、高さをリセットする前に pHeight を auto に設定し、それを短時間表示して、正しい高さを取得できるようにします。

問題は、ブラウザのサイズを変更すると、リンク span.learnmore がクリックされる前に #introexpand div がポップアップすることです。

CSS から高さの自動を削除すると、修正されたように見えますが、クリックすると #introexpand div が機能しなくなります。

4

2 に答える 2

0

この関数を onresize-handler ( jQuery ) で実行することもできますが、CSS で解決する方が簡単です。

#introexpand {
    padding-bottom: 15px;
}
于 2012-06-07T21:58:54.327 に答える
0

これに別の方法でアプローチしてみませんか。必要な高さを計算しようとするのではなく、#introexpand常に自動にしてdisplay:none;、 をクリックしたときにトグルするだけにしますspan.learnmore。

position:relativeそのためには、 from#introexpandとposition:absolutefromを削除する必要があります#introexpand p。

それが終わったら、デフォルト#introexpandにしdisplay:noneてからオンclickにするか、少し凝ったものにするspan.learnmoreことができます。.show()div.slideToggle()

必要以上に複雑にしようとしているだけだと思います。

于 2012-06-08T00:11:06.430 に答える