jquery - 向下滚动时展开谷歌地图

Question

所以，我有分页：

一面 - 带有文字和位置的部分

另一面 - 谷歌地图，引脚指的是

部分

我添加了一个在向下滚动时扩展地图高度的脚本，但它并不那么直观。

在用户向下滚动时，是否有比打开扩展地图更好的代码？

这是我目前的代码：

// change map size when scroll down
$(window).scroll(function() {    
    var scroll = $(window).scrollTop();

    if (scroll >= 450) {
        $("#map-warp").addClass("change-map-canvas");   // removed the . from class
        $("#map-warp").css("margin-top", "40px"); ;     // change margin from top for close infoWindow button
    } else {
        $("#map-warp").removeClass("change-map-canvas");  // removed the . from class
        $("#map-warp").css("margin-top", "10px"); ;
    }
});

Answer 1

绑定窗口滚动，滚动到结束触发器if = true

$(window).scroll(function() {    
              //scroll in the end
             if (document.documentElement.scrollHeight = document.documentElement.scrollTop + document.documentElement.offsetHeight)) {
               //dosomething
               }

        });