0

デモ: http://jsfiddle.net/vpH8r/2/

垂直方向のスライドを機能させようとして、上記の jfiddle を作成しました。

現在の問題は、スライダー タブが動かないことと、上から下へのスライドがきれいに表示されないことです。

注：私は使用しています：

http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js

と

jquery-ui-1.8.23.custom.min.js

jfiddleで一緒に有効にできなかったようです（これを行う方法があるかもしれません-確信が持てませんでした）-現在、古いバージョンのjqueryとjquery-uiを使用したデモ。

ありがとうございました

4

1 に答える 1

1

ここで修正されました：http://jsfiddle.net/vpH8r/13/

必要な作業は次のとおりです。

  1. top:とセットの両方を持っていてbottom:、上が優先される傾向がありますが、両方を持っている場合はtop:、順序に関係なくのみ有効になります。CSS で top を削除すると、スライドするようになりますが、下から始まるようになるため、次の部分が必要です

  2. jquery スライダー関数のvalue:オプションは、開始位置を (下から) 100% に設定します。これにより、上から適切に開始されます。

中央に配置するには、次の操作を行う必要があります。

<style type="text/css">
    left: 50%;
    margin-left: -.6em;  /* half the width of the element */
</style>
于 2012-09-29T03:15:42.527 に答える