0

アップデート

以下のスクリプトに次の 2 行を追加しました。

       $("#newsticker-demo").removeAttr("overflow-y");
        $("#newsticker-demo").removeAttr("height");

<script type="text/javascript" language="javascript">
    $(function () {

        $(".newsticker-jcarousellite").jCarouselLite({
            vertical: true,
            visible: 1,
            auto: 1,
            speed: 8000,
            circular: true
        });
        $("#newsticker-demo").removeAttr("overflow-y");
        $("#newsticker-demo").removeAttr("height");
    });
</script>

-- IN IE8 は今、私の最大の関心事です --

こんにちは、私たちのホームページには縦スクロールのカルーセルがあります。私がやりたいことは、javascript がオフになっている場合に css のみを使用しないようにすることです。結果が垂直スクロール バー付きのテキストになるように、ユーザーはクリック アンド ドラッグしてリスト内を移動できます。一度に表示するには多すぎるデータがある textarea 要素で見つけたものと同様です。

ホームページへのリンク。 http://beta.sc-pa.com/home/pasite-home.asp

これが完了したら。

4

1 に答える 1

1

sans-Javascript で動作するソリューションから始めて、スクロール カルーセルを適用し、必要に応じて DOM を操作します。基本的なコンセプトは簡単です。overflow-y: auto

<style>
#foo {
    width: 100px;
    height: 150px;
    overflow-y: scroll;
}
#foo.carouselled {
    overflow: hidden;
}
</style>

<script>
$(function() {
    $('#foo').jCarouselLite({
        vertical: true,
        visible: 1,
        auto: 1,
        speed: 8000,
        circular: true
    }).addClass('carouselled');
});
</script>

<div id="foo">
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
</div>

例を参照してください。

スタイルは要素に直接属性付けられるのではなく、CSS 値であり、jQuery でスタイルを操作するには、css()関数を使用します。

于 2011-02-28T15:20:28.730 に答える