【原創】jquery判斷捲軸置底外掛程式

標籤：style   blog   color   io   ar   div   cti   代碼   

最近項目需要，於是簡單寫了個判斷捲軸置底的外掛程式代碼，歡迎拍磚交流！

代碼如下：

//捲軸滾動到底部了  --by xqs(function ($) {    $.fn.scrollBot = function (opt, callback) {        //diffY:距離底部像素值        var opts = (arguments.length == 1) ? {diffY: 0} : $.extend({diffY: 0}, opt);        var fun = (arguments.length == 1) ? arguments[0] :arguments[1];        return this.each(function () {            var _this = $(this);            _this.bind("scroll", function () {                var scrollTop = _this.scrollTop();                var clientH = _this.height();                var contentH = 0;                $.each(_this.children(":visible"), function () {                    contentH += $(this).outerHeight(true);                });                if (scrollTop + clientH + opts.diffY >= contentH) {                    fun.apply(this,arguments);                }            })        });    };})(jQuery);

調用方式：

$("#content").scrollBot({"diffY":100},function(){            //diffY:距離底部像素值            //console.log("捲軸到底了···")        }    );