【JQuery小技巧】各浏览器对于滚动条位置的不同判定

各浏览器对于scrollTop()测量的滚动条位置是不同的，IE、火狐、Opera要用$("html").scrollTop();  而苹果、谷歌要用$("body").scrollTop();

 

例如，根据滚动条位置来改变小方块的position方式：

$(document).ready(function () {
    左右LOGO的上下位置//
    var bodyH = $("body").height();
    $(window).bind("scroll resize", function () {
        var scrollH;
        if (($.browser.msie) || ($.browser.mozilla) || ($.browser.opera)) {
            scrollH = $("html").scrollTop();
        } else {
            scrollH = $("body").scrollTop();
        }
        var winH = $(window).height();
        if (scrollH >= 690) {
            $("#logo_l").css({ "position": "fixed", "top": "15px" });
        } else {
            $("#logo_l").css({ "position": "absolute", "top": "705px" });
        };
        if (scrollH >= bodyH - winH - 216) {
            $("#logo_r").css({ "position": "absolute", "top": (bodyH - 115 - 20 - 216) + "px" }); //115是块高，20是块底距窗口底距离，216是窗口底底距页底距离。
        } else if (scrollH <= 1100 - winH + 115 + 20) {
            $("#logo_r").css({ "position": "absolute", "top": "1100px" });
        } else {
            $("#logo_r").css({ "position": "fixed", "top": (winH - 115 - 20) + "px" });
        };
    });
});