我正在尝试使用scrolltop函数,但它从窗口顶部停止了67个像素...
我有一个67像素余量设置,可以抵消位于全屏横幅图像上方的Navbar。Navbar也有点透明,因此需要边距,如下所示...
body {
margin-top: 67px;
}
和以下脚本...
<script>
$(document).ready(function(){
$(".navbar a, footer a[href='#MyPage']").on('click', function(event) {
if (this.hash !== "") {
event.preventDefault();
var hash = this.hash;
$('html, body').animate({
scrollTop: $(hash).offset().top
},900, function(){
window.location.hash = hash;
});
} // End if
});
</script>
身体标签看起来像这样...
<body id="MyPage" data-spy="scroll" data-target=".navbar" data-offset="60">
滚动效果很好,但我认为从页面顶部的67个像素停止了,这似乎很明显,这是我的边缘以抵消Navbar的深度,但是我该如何克服它?
?我尝试在以下行中添加 67,但这无济于事...
scrollTop: $(hash).offset().top+67
任何想法都是最欢迎的。
谢谢
以下确实解决了我的问题,感谢尼特黑暗绝对
margin:0; padding-top:67px