我可以勉强通过JS/JQuery,我需要一些帮助来修改下面这段代码。它用于将页面回滚到相应元素的顶部,但是网站的标题总是浮动在顶部,因此元素的顶部x像素数最终位于标题下面。我如何编辑它,使它被标题的高度(静态数字)所抵消?
$('html, body').animate( { scrollTop: element.offset().top }, {duration: 400 } );
发布于 2016-05-25 08:25:51
如果您的标题是一个固定的高度,只需添加填充到您的页面顶部(body
),这相当于它的高度。
CSS:
body { padding-top: {height_of_header}px; }
如果不是固定的高度,那么只需更改scrollTop,使页面滚动到元素的位置减去标题的高度:
联署材料:
$('html, body').animate( { scrollTop: element.offset().top - $('#header').height() }, {duration: 400 } );
https://stackoverflow.com/questions/37442786
复制相似问题