0

クリックするだけでサイトを上下左右にスクロールする javascript や何かがあるかどうか、誰かが知っているかどうか疑問に思っていました。

たとえば、複数の div を持つサイトを作成したいとします。下の写真を見てください。

ここに画像の説明を入力

各 div が画面に収まるようにし、div 1 が開始点であるメイン div になるようにします。伝記のメニューにリンクがあり、伝記のコンテンツが div 4 にあり、誰かが伝記をクリックしたとします。サイトを div 3 に移動し、次に div 4 に移動し、同じことが div 4 にも当てはまります。すべてのdiv。誰かが div のリンクをクリックすると、指定した方向にサイトをスクロールしたいのですが、これは可能ですか。

左 右 上 下

4

4 に答える 4

1

jquery animate 関数は正しい方法です。

ここでは、その使用方法に関するシンプルで明確なチュートリアルを見つけることができます: http://gazpo.com/2012/03/horizo​​ntal-content-scroll /

チュートリアルは水平スクロール専用ですが、ページを両方向 (同時に垂直方向と水平方向) にスクロールするように簡単に拡張できます。

于 2012-08-16T06:44:50.553 に答える
0

はい、そうです：

  1. .scrollLeft（）
  2. .scrollRight（）
于 2012-08-16T06:36:56.927 に答える
0

jQueryを使用すると、bodyのscrollTop値をアニメーション化して上下にスクロールできます。

$("html,body").animate({
    scrollTop: $("#bio").offset().top
}, 1000);

上記のコードは、のが付いた要素までスクロールしidます#bio。

横にスクロールするという点では、ちょっとしたトリックを使うことができると思いました。ブラウザのビューポートの右側にオーバーフローするものをすべて非表示にするには、本文overflow-xをに設定します。次に、を右または左に「スクロール」するように調整hiddenできます。ただし、もちろん、これにより、ユーザーがすべてのdivをスクロールする機能が削除されます。margin-leftbody

$("body").animate({
    marginLeft: "-100%"
}, 1000);
于 2012-08-16T06:37:23.917 に答える
0

jquery animate 関数を使用すると、より詳細に制御できます

  $('#div').animate({
    left: '+=50'
  }, 5000, function() {
    // Animation complete.
  });

詳細を読む - http://api.jquery.com/animate/

于 2012-08-16T06:40:11.313 に答える