一个小需求: 页面滚动到底部的时候, 隐藏按钮

需求:

　　在页面上有个快速滚动按钮(用来滚动到页面底部), 如果页面到了底部, 就隐藏按钮, 一旦页面离开了底部, 显示按钮.

方案:

　　页面滚动到底部很容易捕捉到, 隐藏按钮即可, 对脱离底部的检测稍有些trick, 需要一个长度2的数组队列来检测.

代码:

        var total_height = $(document).height() - $(window).height();
        var queue = [1, 1];
        $(window).scroll(function () {
            var current_pos = $(document).scrollTop();
            var delta = current_pos - total_height
            queue.push(delta);
            queue.shift();
            if (current_pos >= total_height) {
                console.log('touch bottom');
            }
            // console.log(queue)
            if (queue[0] == 0 && queue[1] != 0) {
                console.log('leave bottom');
            }   
        });

利用队列记录新旧位置, 只有 [0, 非0] 的情况下, 说明页面离开了底部. 并且只触发一次.