0

流動的な高さの div のスクロールバーをパーソナライズしたい:

section {
max-height:70%;
overflow-y:auto;
}

Jquery プラグイン ( http://baijs.nl/tinyscrollbar/ ) と純粋な JS プラグイン ( http://gondo.webdesigners.sk/javascript-scrollbar/ )の 2 つのスマート ライト スニペットを見つけました。問題は、これらのスニペットが高さの % 値を受け入れないことです。たとえば、tinyscrollbar では、これを配置する必要があります。

section .viewport {
width: auto;
height:440px;
overflow: hidden;
position: relative;
}

「height:100%;」と入れると または「height:auto;」、コンテンツが消えます! % ではなく px を受け入れるのはなぜですか? 私はそれを理解したい...

セクションの流体の高さを挿入するには、JS/JQuery コードのどの部分を変更/追加する必要がありますか?

4

1 に答える 1

1

これ以上のサンプル コードがなければ理解するのは難しいですが (より多くのコードを投稿する習慣を身につけてください)、このようなものが求められていると思います。

--- コンテキスト (外側の div?) の高さと内側の div (セクション) の高さを追跡し、それらが変化するにつれてそれらを計算してみませんか?

var context_height = $("#context_div").height();
var section_height = $("section#id").height();

var percentage = section_height / context_height;
var measurement = percentage + "%";

$(section_height).css("height", measurement); // trigger this with a callback if heights need updating - possibly even re-initializing any scroll plugins, if necessary.
于 2012-11-12T04:50:34.567 に答える