1

htmlコードはこれです：

<div id="div1" class="all"> </div>
<div id="div2" class="all"> </div>
<div id="div3" class="all"> </div>
<div id="div4" class="all"> </div>
<div id="div5" class="all"> </div>
<div id="div6" class="all"> </div>
<div id="div7" class="all"> </div>

私は以下のようにjqueryでdivを非表示にして表示しています：

$(function () {

                 $('#div1').click(function () {

                     $('#div1').hide();    
                         $('#div2').show();  
                 });


                 $('#div2').click(function () {
                     $('#div2').hide();
                       $('#div1').show();
                });
    });

div1.show（）;の2番目の部分。私はdiv1にブラウザscreollを持っているのが好きです。ページは非常に人口が多いので、クリックする前に元のdivに移動すると便利です。

4

1 に答える 1

0

divまでスクロールする必要があります。これは、animateを使用して行います。

ここに例を挙げて非常に良い答えがあります

@sdespontが推奨するプラグインを使用するとよいでしょう。DOM要素をターゲットにすることができ（そのページの最初の例を参照）、変数にどのdivを格納し、必要に応じてそのDOM要素に移動することができます。

したがって、擬似コードの例-これはテストされていません。これは、どのように機能するかについてのアイデアにすぎません。

  var clickedDiv; 
  $("#div1").click(function(){
     clickedDiv = $(this);
     $("#div2").scrollTo();
   });

  $("#div2").click(function(){
     $("#divHome").scrollTo({onAfter:function(){
        if (clickedDiv != null){
            $(clickedDiv).scrollTo()
         }
    }});    
 });
于 2012-11-20T21:02:16.080 に答える