2

私はこれが好きです：

        <li class="1"><a href="#">Link</a>
            <ul>
                <li class="item1"><a href="#">1</a></li>
                <li class="item2"><a href="#">2</a></li>
                <li class="item3"><a href="#">3</a></li>
            </ul>
        </li>

リンクを押すと、それらのulアイテムは下にスライドしますが、アイテムが多すぎると、画面からスライドして外れます。ulアイテムがたくさんあり、それらが下にスライドし始めると、画面の最後で停止し、これらのリンクのスクロールバーが表示されます。高さを定義することは私が探しているものではありません。私はそれが理解できることを願っています:)ありがとう。

4

2 に答える 2

2

私はあなたがしなければならないのは、最も外側のliに最大高さを設定し、オーバーフローすることだけだと思います：それをスクロールします

max-height: 50px;
overflow: scroll;

このようなものhttp://jsfiddle.net/yC32A/

オーバーフローしているようです：自動も機能します

ウィットオーバーフロー：自動http://jsfiddle.net/yC32A/1/

于 2012-08-20T19:46:13.100 に答える
1

を制限しli、ページの「終わり」を超えないようにするには、jQuery/JavaScriptを使用する必要があると思います。これがあなたが期待することをするはずのスニペットです：

var li = $(".item2");
var ul = $(".menu");
var bottom = ul.offset().top + ul.height();
var lim = $("body").height() - bottom + li.height();
li.css({"max-height":lim, "overflow-y":"auto"});

また、CSSにこれがあることを確認してください。

body, html {
    height: 99%;
}

お役に立てば幸いです。

于 2012-08-20T19:53:48.307 に答える