0

我有一个有点简单的问题，我似乎无法弄清楚。我对javascript有点陌生。

我正在制作一个带有固定标题的单页网站。我的导航由 javascript 函数提供支持，该函数滚动到链接的 div 并将顶部偏移 80 像素（我的标题的高度），并且效果很好。

这是javascript：

$(document).ready(function(){

    $('#nav li a').click(function(){

        var el = $(this).attr('href');
        var elWrapped = $(el);

        scrollToDiv(elWrapped,40);

        return false;

    });

    function scrollToDiv(element,navheight){
        var offset = element.offset();
        var offsetTop = offset.top;
        var totalScroll = offsetTop - 80 + "px";

        $('body,html').animate({
                scrollTop: totalScroll
        }, 500);

    }



});

我的问题是，当我的网站在移动设备上加载时，我的标题会增长到大约 215 像素（我正在使用骨架框架），并且滚动到功能仍然滚动 80 像素。如何使用javascript动态检测标题的高度并将其插入此滚动以运行而不是使用固定高度？

4

1 回答 1

2

$("#header").outerHeight()将返回#header 元素的总高度。

于 2012-09-28T04:16:14.963 回答