scrolltop関数が要素に正しくフォーカスしていない

Question

divのコンテンツにフォーカスするために関数を使用していますが、この関数を使用しましたが、正しくフォーカスしていないコンテンツをオンクリックします。私は3番目のコンテンツに焦点を当てているだけでなく、2番目に焦点を当てて3番目のリンクをクリックして...それはバグ..どのようなアイデアですか？

私のコードは次のとおりです。

$(function(){ 
     $('#navi a').click(function(e){ 
      e.preventDefault(); 
      move($(this).attr("href")); 
     }) 

     function move(id){ 
      $('#content').animate({scrollTop:$(id).offset().top},'slow'); 
     } 
    }) 

私は警告し、オフセット（）トップを取得しながら、それは私が「」のhrefからidを取っています。..たびに を間違った値を表示します。おかげ

Answer 1

あなたのhrefは「＃」が含まれていない場合を除き、試してみてください。

$('#content').animate({scrollTop:$("#"+ id).offset().top},'slow'); 

Answer 2

[OK]を...ので、あなたは#content子までスクロールしたいのですが、あなたは要素を使用しているがこれを相殺しますウィンドウに基づいています。試してみてください：

$('#content').animate({scrollTop:$(id).position().top},'slow'); 

また、ウィンドウをスクロールしたいですか？

$('html, body').animate({scrollTop:$(id).offset().top},'slow'); 

これらのどれもあなたのために働いていない場合は、som htmlを投稿してください。

Answer 3

うん、それは高さの問題ではないですか？試してみてください：

$('#content').animate({scrollTop:$(id).offset().top+$(id).height()},'slow');