JSのアンカーリンクをクリックするとスムーズにスクロールし、自由にトップ位置に調整できます。

<ul>
	<li><a class="anchor" navTo="one">ターゲットの選択</a></li>
	<li><a class="anchor" navTo="two">ターゲット顧客</a></li>
	<li><a class="anchor" navTo="three">広告フォーマット</a></li>
	<li><a class="anchor" navTo="four">広告</a></li>
	<li><a class="anchor" navTo="five">予算とスケジュール</a></li>
	<li><a class="anchor" navTo="six">コンバージョン トラッキング</a></li>
</ul>

<div class="right">
			<div id="1">
				<div class="target">
					<i>あなたの目標は次のとおりです:</i>
					<div class="brand_engagement"><img src="img/signal.png" /><i>ブランドエンゲージメント</i><b>変化</b></div>
					<p>自分のビジネスについて人々に知ってもらいたいです。 </p>
					<div class="advertising_that">
						<img src="img/right.png" /> 広告は、広告を閲覧する可能性が最も高い適切なユーザーに表示されます。 </b>
					</div>
				</div>
			</div>
			<div id="2">
				コンテンツの第2部 </div>
			<div id="3">
				コンテンツの第3部 </div>
			<div id="4">
				コンテンツの第4部 </div>
			<div id="5">
				コンテンツの第5部 </div>
		</div>

$('.anchor').click(関数() {
		var navto = $(this).attr('navto');
		if (navto != "#") {
			var $div = $('#' + navto);
			var top = $div.offset().top || 0;
			$('html,body').animate({
				'スクロールトップ': 上 - 150
			}, 500);
		} それ以外 {
			$('html,body').animate({
				'スクロールトップ': 0
			}, 500);
		}
	});