Javascript 如何应用var height=$（window）.height（）-20；to.followTo（）函数

我有这个剧本。这很简单。但我的JS技能充其量也不稳定。它使导航（位于窗口底部）与内容一起滚动，直到到达页面顶部，然后保持不变。或者就像有些人说的“粘乎乎的”

我的问题是因为我的横幅是100%的高度。（830）；仅适用于我的屏幕分辨率。如何使followTo（）找到windows当前高度，然后跟随到该高度，然后从followTo值中减去20px？那将是理想的。这能简单地做到吗

    var windw = this;
    $.fn.followTo = function ( pos ) {
        var $this = this,
            $window = $(windw);
        $window.scroll(function(e){
            if ($window.scrollTop() > pos) {
                $this.css({
                    position: 'fixed',
                    top: "20px"
                });
            } else {
                $this.css({
                    position: 'absolute',
                    bottom: '0',

                });
            }
        });
    };
    $('#mainNav').followTo(830);

有人说我需要使用

var height=$（window.height（）-20，但我不知道如何应用它，他们拒绝详细说明，而只是对我的帖子进行否决，并将我推荐给整个jquery API。。这不是我的学习方式

我还试图使用
if（$（document）.height（）-$window.height（）-$（'mainNav'）.scrollTop（）
我想我只是弄乱了语法？
只要使用
var height=$（window.height（））-20代替830，如下所示：

var height = $(window).height() - 20;
$('#mainNav').followTo(height);

请记住，窗口大小可能会改变（例如，浏览器窗口会调整大小或设备的方向会改变）
只需使用
var height=$（window.height（）-20代替830，如下所示：

var height = $(window).height() - 20;
$('#mainNav').followTo(height);

请记住，窗口大小可能会改变（例如，浏览器窗口的大小会改变，或者设备的方向会改变）
var height=$（window.height（）-20$（#mainNav'）。跟随（高度）
或者如果您想使用vanilla JS，您可以将
高度设置为。
var height=$（window）.height（）-20$（#mainNav'）。跟随（高度）
或者如果你想使用vanilla JS，你可以将高度设置为。谢谢你的建议！！我通过添加-（$（'#mainNav'）.innerHeight（）+$（'.globalHeader'）.innerHeight（））修复了（浏览器窗口大小调整）问题；而不是-20谢谢你的建议！！我通过添加-（$（'#mainNav'）.innerHeight（）+$（'.globalHeader'）.innerHeight（））修复了（浏览器窗口大小调整）问题；而不是-20