同じページの特定の場所を読み込もうとしています。しかし、問題は、ヘッダーが位置の上に固定されていることです。リンクをクリックすると、ヘッダーがヘッダーの後ろに移動します。そのため、一部のコンテンツを表示できません。このFiddleにアクセスしてください。私が言おうとしていることは理解できます。と を追加するのは好きではpadding
ありませんmargin
。
1991 次
1 に答える
2
あなたはあなたのを変更したいかもしれませんHTML
。id
1ページに1つしか存在できません。
与えられたフィドルでは、あなたは繰り返しを持っています<div id="one">
さて、スクロールを機能させるために、あなたはこのようなことをすることができます:
$(document).ready(function(){
$("a").click(function(e) {
e.preventDefault();
var hash = $(this).attr("href");
//console.log($(hash).position().top);
$('html, body').animate({ scrollTop: $(hash).position().top - 50 }, 200);
});
});
ここでページ上$(hash).position().top
のの位置を取得し、div
そこから50を引きます(固定divの高さ)。
これがフィドルです </p>
于 2012-11-14T07:17:16.253 に答える