特定のdiv（jquery）にスクロールするリンクをクリックします

Question

リンクをクリックし、特定のdivにスローアニメーションを使用してスクロールしようとすると、そのページ全体がスクロールされます。 私はフルスクリーンモードでそれを開く以下のplnkrへのリンクを共有しています。フルスクリーンローディング用

http://plnkr.co/edit/5ZlY7ivJ2xwckVeyIRzO?p=preview

http://run.plnkr.co/HV426GUKePHeJPfS/

問題は、右側のパネル内のコンテンツに存在するがクリックされたときに（出席のみ推奨とCME &をclikedする）ことです特定のdivを上に表示するには、中央パネルをスクロールする必要があります。 代わりに、ページ全体がスクロールされ、UIをあまり使わないようにしています。 私はいくつかのアニメーションを表示し、middle_profile divまたはmm divをスクロールするのに、次の2つのJavaScriptコードを使用しようとしましたが、どれも動作していません。 mmのdivの

var scrolled = 0; 
$("#bb").on("click", function() { 
    scrolled = scrolled - 300; 
    $(".mm").animate({ 
    scrollTop: scrolled 
    }, 50); 
}); 

をスクロールするためmiddle_profile divの

$("#bb").click(function() { 
    $('.middle_profile').animate({ 
    scrollTop: $("#recommendationDiv").position().top 
    }, 'slow'); 
}); 
$("#bb1").click(function() { 
    $('.middle_profile').animate({ 
    scrollTop: $("#CMEDiv").offset().top 
    }, 'slow'); 
}); 

をスクロールするための

jqueryのか、いくつかの他のライブラリによってそれを行うための別の方法がありますが、ページをスクロールスムーズにするために含まれているのですか？

Answer 1

あなたは$（document）.ready（）のコードを入れて、あなたのCSSに位置を設定する必要があります。トップ：0;フォーカスするあなたの部門に

$(document).ready(function(){  
    $("#bb").click(function() { 
     $('html,body').animate({ 
     scrollTop: $("#recommendationDiv").offset().top 
     }, 'slow'); 
    }); 
    $("#bb1").click(function() { 
     $('html,body').animate({ 
     scrollTop: $("#CMEDiv").offset().top 
     }, 'slow'); 
    });  
    // var scrolled = 0; 
    // $("#bb").on("click" ,function(){ 
    //  scrolled=scrolled-300; 
    //   $(".mm").animate({ 
    //   scrollTop: scrolled 
    //  },50); 
    // }); 
    })