Question

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（）的第二部分;我喜欢浏览器screoll到div1。由于页面填充得很好，因此在单击之前转到原始div会很不错。

Answer 1

您需要滚动到div - 您可以使用动画执行此操作。

示例here

有一个很好的答案

最好使用推荐的plugin @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()
         }
    }});    
 });

使用jquery专注于特定的div

1 个答案: