从已从全局变量确定范围的已分配变量中获取值

Question

我遇到了一个问题 - 每次用户调整大小时，我都会有一些jQuery代码获得window高度。但是，我需要将该值传递给不在函数内的代码的另一部分;并且不出所料，代码无法识别函数外部winHeight的用法。它看起来像这样：

$(document).ready(function() {

    // Calls function when window is resized
    $(window).resize(getWinHeight);

    var winHeight;
    function getWinHeight() {
        winHeight = window.innerHeight; // I want to get the value of winHeight

    // When the button is clicked
    var button = document.getElementById("button_container");
    $(button).click(function() {
        $("#middle").css("display", "block");
        $("html, body").animate({ scrollTop: winHeight}, 500); // winHeight isn't recognized!!
   });
});

这是一个jsFiddle，可以帮助您更好地了解问题。