单击导航项时,我使用以下代码滚动到特定的锚点:
$('.nav').on('click',function(e) {
e.preventDefault();
var target = $(this).data('target');
$('html, body').stop().animate({
scrollTop: $(target).offset().top - 78
}, 800, 'swing', function() {
window.location.hash = target;
});
});
top - 78
将考虑静态标头。这在Chrome中效果很好,但在IE中它似乎滚动到正确的位置然后跳转"回到实际顶部(没有78像素调整)。
答案 0 :(得分:0)
设置{
"name": "catering",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "npm-run-all --parallel connect:mongo build:watch",
"build:watch": "webpack --watch",
"connect:mongo": "nodemon ./server/mongoclient.js",
"test": "echo \"Error: no test specified\" && exit 1"
},
}
之后结果显示Firefox和IE然后处理新锚并滚动回没有偏移。删除该行可解决问题。