このjQueryの使用:https ://github.com/JamyGolden/PlusAnchor
特定のアンカーまでスクロールさせたいのですが、トップオフセットを50pxにします。50pxの固定ヘッダーがあり、ページがスクロールすると、ヘッダーがセクションの一部を覆います。
どんな助けや正しい方向へのポイントもありがたいです。
ありがとう
私のコード:
<script type="text/javascript">
$(document).ready(function(){
$('body').plusAnchor({
easing: 'easeInOutExpo',
speed: 800,
onInit: function( base ) {
if ( base.initHash != '' && $(base.initHash).length > 0 ) {
window.location.hash = 'hash_' + base.initHash.substring(1);
window.scrollTo(0, 0);
$(window).load( function() {
timer = setTimeout(function() {
$(base.scrollEl).animate({
scrollTop: $( base.initHash ).offset().top
}, base.options.speed, base.options.easing);
}, 500); // setTimeout
}); // window.load
}; // if window.location.hash
} // onInit
});
});
</script>