Question

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

以下是相关网站的link。

原因是我有一个固定在屏幕顶部的标题，深度为65px。当插件尝试将设置点滚动到屏幕顶部时，问题就出现了。因为我有这个固定的标题，我的项目就是从这个标题开始。

有没有人知道是否有办法抵消插件滚动到65px的点？

    <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>

感谢任何帮助！

提前致谢，

汤姆

Answer 1

您是否只能更改scrollTop值以补偿标题高度？

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

如何抵消“返回顶部”链接以解决固定标头问题？

1 个答案: