自動スクロール水平リンクジャンプ

Question

私は自分のリンクがページに横方向に希望の「id」にスクロールするのではなく、そのスクロールをアニメーション化したい。これは私が今まで持っていたものですが、うまく機能していないようです。

HTML：

<div class = option1> 
    <a href= #point1> ➟ </a> 
</div> 

<div id = point1></div> 
<!-- id point is not in the "body" of the link? does that matter? --> 

CSS：

body { 
    min-height:100%; 
    height:100%; 
    margin:0; 
    width:auto; 
} 

html { 
    min-height:100%; 
    height:100%; 
    overflow-y:hidden; 
    width:100% } 

はJavaScript：

$(document).ready({ 
    $(function() { 
    $('ul.nav a').bind('click',function(event){ 
     var $anchor = $(this); 
     $('html, body').stop().animate({ 
     scrollLeft: $($anchor.attr('href')).offset().left 
     }, 15000); 
     event.preventDefault(); 
    }); 
    }); 
}); 

Answer 1

使用クラス= "名前" ではないCLAを試してみてくださいSS =名前

賢明な上、これは似ています： Smooth scrolling when clicking an anchor link