ここにある例を使用して、私は同じ実装を試みています。ナビゲーションリンクをクリックすると、スライド/スクロールする代わりに、選択したdivにジャンプします。
HTML:
ナビゲーション
<div class="span3">
<a href="#about-me"><img class="img-circle" src="http://placehold.it/200x200/e36b23/fff/&text=About+Me+"></a>
</div>
DIV
<div class="row-fluid" id="about-me"> ... </div>
JS:
<script>
$(document).ready(function(){
$('nav ul li a').click(function(){
var el = $(this).attr('href');
var elWrapped = $(el);
scrollToDiv(elWrapped,40);
return false;
});
function scrollToDiv(element, navheight){
var offset = element.offset();
var offsetTop = offset.top;
var totalScroll = offsetTop - navheight;
$('body,html').animate({
scrollTop: totalScroll
}, 1000);
}
});
</script>
つまり、「クリックされた」divに到達しますが、スライドアニメーションでは到達しません。これが私が望むものです。誰かアイデアはありますか?