トグル後にScrollTopが機能しない

Question

要素にスクロールしない理由を理解できません。

<div class="h3 showhide">...</div> 
<div id="comments" class="inv" style="display:none;">...</div> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.main-content').on('click', '.showhide', function() { 
      $(".inv").toggle("slow"); 
      $('html, body').stop(true, true).animate({ 
       scrollTop: $('#comments').offset().top 
      }, 500); 
      return false; 
     }); 
    }); 
</script> 

Answer 1

あなたは.offset().topが.hide()を使用して、それを隠し、その後.show()を使用して取得する#commentsを表示する必要があります。文は内部のクリック機能するかどう

<script type="text/javascript"> 
    $(document).ready(function() { 
    var comments_top = $('#comments').show().offset().top; 


    $('.main-content').on('click', '.showhide', function() { 
     if ($('#comments').is(":hidden")) { 
     comments_top = $('#comments').show().offset().top; 
     $('#comments').hide(); 
    } 
     $(".inv").toggle("slow"); 
     $('html, body').stop(true, true).animate({ 
     scrollTop: comments_top 
     }, 500); 
     return false; 
    }); 
    }); 
</script> 

Answer 2

表示：なしは、要素にページ内の位置がないことを示します。したがって、スクロールはスクロールしません。

参考：https://bugzilla.mozilla.org/show_bug.cgi?id=211236