0

スクロール可能なボックス内にテキストをバインドする jquery プラグインを探しています。ほとんどのスクロール プラグインはブラウザのスクロール バーを変換していますが、そのまま使用できるようにしたいと考えています。これは、小さなスペースに大量のテキストを含めるためのものです。

このページのように、一番下の小さなスクロール可能なボックスに大量のテキストが含まれています。私はこのプラグインを実装しようとしましたが、私は JQuery に慣れていないので、わずかな指示では足を踏み入れるのに十分ではありませんでした。このプラグインを使用してやりたいことを実行できる場合、このコードは正しいですか?:

<script>
$(document).ready(function(e) {
    $(".Information").uscrollbar();
});
</script>

<div id="Hotel" class="Information">
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
    </div>
4

3 に答える 3

3

これにはjQueryは本当に必要ありません。ほんの一部のCSS。

.Information{
height:100px;
overflow:auto;
}

このプラグインが本当に必要な場合は、jQuery を正しく参照していることと、プラグイン js ファイルへのリンクを確認してください。

ブラウザでページを実行すると、コンソール ウィンドウに何かが表示されますか。エラー。

編集: JSFiddleを追加しました

編集:また、必要なアセットを参照していることを確認してください:

jquery.uscrollbar.js
jquery.uscrollbar.css
于 2012-09-19T21:49:57.493 に答える
1

要素に対して動的にこれを行う必要がある場合は、コンテンツを<div>特別なクラスでラップするだけです。

CSS :

.scroll {
    overflow: auto;
    max-height: 100px;
}

JS :

$(document).ready(function() {
    $('.elements_that_should_scroll').wrap($('<div>', {'class': 'scroll'}));
});

デモ: http://jsfiddle.net/nW7uH/

そうでない場合は、それらの要素にクラスscrollを与えるだけで、JS がなくても問題なく動作するはずです。

于 2012-09-19T21:51:43.670 に答える
0

コンテナ div に固定の幅と高さを指定してください。あなたの場合は、クラス Information を持つ div です。これを CSS ファイルに追加します。

.Information {
    height: 300px;
    width: 300px;
}
于 2012-12-19T21:05:31.667 に答える