Jquery滚动到滚动有点太远

我尝试使用scrollTo，但是当链接被点击导航栏时，它会滚动到右边的div，但只是稍微远一点。我想这与顶部的固定导航栏有关。我如何抵消它

<script src="js/jquery.scrollTo.js"></script>
<script src="js/jquery.nav.js"></script>
<script>
$(document).ready(function() {
$('#nav').onePageNav({
    begin: function() {
    console.log('start')
    },
    end: function() {
    console.log('stop')
    }
});

$('.do').click(function(e) {
    $('#section-4').append('<p></p>');
    e.preventDefault();
});

});
</script>

$（文档）.ready（函数（）{
$（'#nav'）。onePageNav({
开始：函数（）{
console.log（'start'）
},
完:函数(){
console.log（'stop'）
}
});
$（'.do'）。单击（函数（e）{
$（'section-4'）。追加（'p>
'）；
e、 预防默认值（）；
});
});

您能同时包含HTML和CSS吗？或者更好的是，您是否尝试过

scrollOffset

选项？

$(...).scrollTo( '#div', 1000, { offset: -50 } ); // add or deduct from the final position