監聽滾動條和瀏覽器大小變化

 監聽滾動條和瀏覽器大小變化：

$(document).ready(function() {
            //監聽滾動條的變化
            $(window).scroll(function() {
                ddd();
            });                
            //監聽瀏覽器大小變化
            $(window).bind("resize", ddd);
        });

一個dom元素距離頁面頂部（包括了滾動條）的位置：

$template.offset().top;

滾動條到頂部的垂直高度 ：

$(document).scrollTop()

可視高度：

$(window).height()

頁面高度：

$(document).height()