我正在使用老式的javascript:
window.location = "#myAnchor";
跳转到页面的某个部分。但是我想比这个锚高出大约100个像素,以抵消覆盖该区域的页面顶部的持久标题导航。
我会考虑jQuery,因为我已经在网站上使用它,或者任何其他仅限javascript的解决方案。我不能再放置100个像素的锚标签(加上看起来像是hack-y)。同样,window.location有点刺耳,我宁愿向上滚动顺利,不知何故。
你能建议一个替代方案吗?
答案 0 :(得分:3)
如果你可以使用 jQuery ,那就简单多了。 正如你所说的那样,为了闷闷不乐,示例代码如下:
$("html, body").animate({scrollTop:500});
所以,对你来说,我认为这会解决:
$("html, body").animate({scrollTop: ($(YOUR_ELEMENT).offset().top - 100) });
希望它有所帮助。