1

これが私のフィドルです：

http://jsfiddle.net/PTSkR/93/

スクロールできるアイテムの順序付けられていないリストがあります。

どのアプローチが最適かを考えています。

  1. CSS / jquery を使用して、overflow を hidden に設定し、の位置を移動します。<ul>

これを行う最善の方法は何ですか？

コード：

<div class="span4 side-study-box">
            <div class="side-box-menu">
                <a class ="side-box-menu-nav"><i class="icon-chevron-up icon-white"></i></a>
                <ul>
                    <li>
                        <a class="side-box-menu-control"><i class="icon-facetime-video "></i></a>
                    </li>
                    <li>
                        <a class="side-box-menu-control"><i class="icon-picture"></i></a>
                    </li>
                    <li>
                        <a class="side-box-menu-control"><i class="icon-headphones "></i></a>
                    </li>
                    <li>
                        <a class="side-box-menu-control"><i class="icon-pencil "></i></a>
                    </li>
                    <li>
                        <a class="side-box-menu-control"><i class="icon-hdd"></i></a>
                        <!-- Need code, math, sound, url, text -->
                    </li>
                </ul>
                <a class ="side-box-menu-nav"><i class="icon-chevron-down icon-white"></i></a>
            </div>

        </div>
4

1 に答える 1

1

これはどうですか: http://jsfiddle.net/PTSkR/94/

メニューを上下に移動するには何らかのタイプのクリックバインディングを追加し、サイズを制限するにはビューポートを追加する必要があります

これは、一度だけ機能する非常に単純な例です。クリックバインディングは次のようになります

$('.down').click(function () {
    var $move = $('.side-study-box ul');
    $move.css({
        top: '-20px'
    })
})

jquery try を使用して要素の位置を取得するには

var position = $move.position();
于 2013-05-31T04:51:56.263 に答える