1

jQuery と html/css に関連する問題があります。

リンクが「小さい」divの1つを参照する、いくつかのdivを含む横スクロールdivに取り組んできました（それらの入り口はアニメーション化する必要があります）。

私が欲しいものに似たものをインターネットで見つけました: http://jsfiddle.net/NGL8P/21/ 違いは、1 つのボタンを 1 つの特別な div にリンクすることです (ただし、アニメーションは基本的に同じでなければなりません)。

これまでに行ったことの私のバージョンは次のとおりです。 http://jsfiddle.net/jkUzF/2/

各箇条書きは、それらの div の 1 つにリンクする必要があります。ボタンは15個ありますが、とりあえず5divだけ作りました。5 つの div は互いの後に配置されます (オーバーフローのため表示されません: 非表示)。

私のメイン コンテナ (表示されるすべてのものを含む) が呼び出されます: #mainsection looong div (前後に移動する必要があります) が呼び出されます: #wrap 15 個の div が呼び出されます:.container

EDIT 1: 誰かが私が欲しいものを理解することだと思ったので、より明確にしようとします:

サイトには15個の丸いボタンがあります。それらのそれぞれは、1 つの特定の DIV (現在、いくつかの lorem ipsum が含まれています) にリンクする必要があります。これらの DIV のそれぞれが次々と並んでいますが、オーバーフローをスクロールに変更しない限り、それらを見ることはできません。ボタンを押すと横から入ってくるようにしたいです。たとえば、「項目 1」の下の 3 番目のボタンを押すと、lorem ipsum を含む 3 番目の div が横から入ります。1つ目のボタンを押すと、反対側から1つ目のDivが入るようにしたいです。すべてをアニメーション化する必要があり、div を「スキップ」する (1 番目から 3 番目にジャンプする) ときは、スキップしたもの (この場合は 2 番目) をすばやく「流れる」ようにします。その方がよかったですか？

4

2 に答える 2

0

何が起こったのかわかりませんが、誰かが今夜の夢を通して私に話しかけたに違いありません。

私の質問への答えは、このコードを使用することです:

$("#button").click(function() {
    $('#shit_that_moves').animate({left:"-510px"}, 500);
});
于 2013-01-06T11:09:50.777 に答える
0 
$("a.circle").click(function(e) {
     e.preventDefault();
     var pos = $('a.circle').index(this);
     var newleft= -510 * pos;
     $("#wrap").animate({"left": newleft +"px"}, "slow");
});​
于 2013-01-05T02:43:06.353 に答える