0

ある div のボタンを別の div のアンカーにスクロールする方法を考えています。アンカーの構造は次のようになります。

<a id="organisational_change"></a>

私が持っているjQueryは次のとおりです。

$(document).ready(function(){
var consultancyLinks=["organisational_change","organisational_development","executive_coaching","executive_team_development","corp_social_responsibility"];
$("#sidemenu_consultancy #sidemenu_consultancy_btn").each(function(){
$(this).css( 'cursor', 'pointer' );
});
    $("#sidemenu_consultancy #sidemenu_consultancy_btn").click(function(){
        $('html, body, #content_text').animate({scrollTop: $("#"+consultancyLinks[$(this).index()])},800);
        });

});

何か案は？

4

3 に答える 3

0

以下のコードを試してください

<div id="btn">
<button id="btn1"/>
</div>

<div id="ancr">
<a id="organisational_change"></a>
</div>

$(document).ready(function(){
$("#btn1").click(function(){
    $('body').animate({scrollTop:$("#organisational_change").scrollTop},800);
    });

});

于 2012-12-06T16:47:34.770 に答える
0

まあ、あなたはまったくjavascriptなしでそれを行うことができます:

<a id="organisational_change" href="#id_of_other_element"></a>

それ以外の場合、アニメーションが必要な場合は、次のようにします。

$('a').click(function(e) {
    e.preventDefault();

    $('html, body').animate({scrollTop: $($(this).attr('href')).offset().top}, 800);
});
于 2012-12-06T16:43:12.223 に答える