使用百分比而不是px作为脚本的值

Question

我基本上有一个脚本从div启动700px，但只是意识到如果浏览器调整大小它不起作用。我可以使用百分比来使其响应吗？

        $(window).scroll(checkY);

    function checkY() {
        //save this value so we dont have to call the function everytime
        var top = $(window).scrollTop();
        $(".title").each(function () {
            var target = $(this).closest(".content");
            var tTop = target.offset().top - 700; 
            var tBottom = target.offset().top + target.outerHeight();
            if (top >= tTop && top <= tBottom) {
                console.log("Show");
                $(this).show();
            } else {
                console.log("Hide");
                $(this).hide();
            }
        });
    }
    checkY();

我已尝试添加此

var tTop = target.offset().css("height", height + margin.top + "12%");