html - アンカータグの垂直スクロールのみ、水平スクロールを無効にする

Question

左側にメニューがあり、右側に要素へのアンカーが含まれているページがあります。左側のアンカーをクリックすると、左側のメニューが画面に表示されたままになるように、(水平方向ではなく) 垂直方向にのみスクロールしたいと思います。基本的に、垂直のみのアンカーが必要です。

Answer 1

次のように jquery のみを使用します。

$('a[href^="#"]').on('click', function(event) {
 target = this.id.offset().top;
 $('html,body').animate({
   scrollTop: target
  }, 1000);
event.preventDefault();
}

「ページ内の任意のリンクをクリックすると、ページの上部からのオフセットを取得し、1 秒間にわたってその位置までスクロールをアニメーション化します。」

または、このプラグインhttp://flesler.blogspot.com/2007/10/jqueryscrollto.htmlを使用して、さらに制御します。