如何抵消“返回顶部”链接以说明固定标题？答案

【问题标题】：How to offset a 'back to top' link to account for a fixed header?如何抵消“返回顶部”链接以说明固定标题？
【发布时间】：2012-04-02 14:08:49
【问题描述】：

我在一个网站上使用 jQuery 缓动插件，但我遇到了一个小问题，即插件认为页面顶部是什么。

这是相关网站的link。

这样做的原因是我有一个固定在屏幕顶部的标题，深度为 65 像素。当插件尝试将设定点滚动到屏幕顶部时，就会出现问题。因为我有这个固定的标题，所以我的项目从这个标题后面开始。

有谁知道是否有办法将插件滚动到的点偏移 65 像素？

    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(function() {
    $('ul.side-nav a').bind('click',function(event){
        var $anchor = $(this);
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
            }, 1500,'easeInOutExpo');
            event.preventDefault();
        });
    });
</script>

感谢任何帮助！

提前致谢，

汤姆

【问题讨论】：

标签： javascript jquery offset css-position

【解决方案1】：

您不能只更改scrollTop 的值来补偿标题高度吗？

scrollTop: $($anchor.attr('href')).offset().top - $('.header-wide').height()

【讨论】：