由窗口宽度确定的滚动到偏移变量

【问题标题】：scrollto offset variable determined by window width由窗口宽度确定的滚动到偏移变量
【发布时间】：2015-05-16 07:46:51
【问题描述】：

窗口宽度（视口）大于 [>=768] 我有一个 125 像素的滚动偏移变量，这是我的固定标题高度......一切都很好。我的问题是当窗口宽度小于 [

如何调整我的代码以获得这个结果

 if($(window).width() >= 768)
    function scrollToID(id, speed) {
        var offSet = 125;
        var targetOffset = $(id).offset().top - offSet;
        var mainNav = $('#main-nav');
        $('html,body').animate({scrollTop: targetOffset}, speed);
        if (mainNav.hasClass("open")) {
            mainNav.css("height", "1px").removeClass("in").addClass("collapse");
            mainNav.removeClass("open");
        }
    }

【问题讨论】：

标签： jquery offset scrollto

【解决方案1】：

嗯，在我看来，整个代码块只有在屏幕宽度大于 768 像素时才有效……如果它更小，这将使它无用。我会这样设置。

$(window).on("resize load", function () {
            if($(window).width() >= 768) {
                var offSet = 125;
            }
            else{
                var offSet = 54;
            }
    });

function scrollToID(id, speed) {
        var targetOffset = $(id).offset().top - offSet;
        var mainNav = $('#main-nav');
        $('html,body').animate({scrollTop: targetOffset}, speed);
        if (mainNav.hasClass("open")) {
            mainNav.css("height", "1px").removeClass("in").addClass("collapse");
            mainNav.removeClass("open");
        }

或者更好的是，您可以获取 css 类，这样您就不必手动设置它。

$(window).on("resize load", function () {
                var offSet = $('#yourheader').css('height');
});

【讨论】：