1

私は、誰かが下のボタンをクリックしたときに、jQuery を 100% 下にスクロールさせる方法を見つけようとしています。

従来のナビゲーション バーの代わりに、上下ボタンが欲しかったのです。高さと幅が 100% の 4 つのパネルがあり、固定位置の上下ボタンを次のパネルに移動したいと考えていました。

動きを 100% (下) と -100% (上) ずつ増やしてこれを行うと考えましたが、jQuery でこれを行う方法がわかりません。私はいくつかの異なる方法を試しましたが、すべて役に立ちませんでした。これを達成するための最も簡単な方法が欲しいです。

PS縦にスクロールしたいです。:)

4

4 に答える 4

1

これは非常に優れたプラグインで、スクロール方法の選択肢が多く、非常にシンプルで楽しく使用できます。 http://johnpolacek.github.io/superscrollorama/

于 2013-08-22T11:25:33.717 に答える
1

100% スクロールダウンするには、これを参照してください

Jクエリ

$('body').animate({
scrollTop:$(document).height()
});
于 2013-08-22T11:34:22.417 に答える
1

JQuery を使用していて、自分でプラグインの作成者になりたくない場合は、アイテムをスクロールするための無料のプラグインがたくさんあります。

jquerytools http://jquerytools.org/でスクローラーの例を試してください。

必要な次/前のボタンと垂直スクロールをサポートしていますhttp://jquerytools.org/demos/scrollable/vertical.html

于 2013-08-23T10:15:44.620 に答える
0

ゴートップ ボタンは次のようにシンプルです (任意のスタイルを使用できます)。

<a id="goTop">Top</a>

$("#goTop").click(function() {
    $('body,html').animate({
        scrollTop: 0
    }, 400);
});

別のポイントに移動したい場合は、これらのポイントにアンカー (「a」タグ) を配置するだけです。次に、位置の値を上の「scrollTop」に設定するjQueryで移動できます。または、'name' 属性と 'href' 属性を使用して (スクロール アニメーションなしで) html のみを使用することもできます。

<a name="top"></a>
<!-- Content -->
<a name="bottom"></a>

<a href="#top">Go top</a>
<a href="#bottom">Go bottom</a>
于 2013-08-22T11:31:38.147 に答える