jquery滚动到顶部


    <script>
        $.fn.scrollTo = function (options) {

            var defaults = {

                toT: 0, //滚动目标位置 

                durTime: 500, //过渡动画时间 

                delay: 30, //定时器时间 

                callback: null //回调函数 

            };

            var opts = $.extend(defaults, options),

                timer = null,

                _this = this,

                curTop = _this.scrollTop(), //滚动条当前的位置 

                subTop = opts.toT - curTop, //滚动条目标位置和当前位置的差值 

                index = 0,

                dur = Math.round(opts.durTime / opts.delay),

                smoothScroll = function (t) {

                    index++;

                    var per = Math.round(subTop / dur);

                    if (index >= dur) {

                        _this.scrollTop(t);

                        window.clearInterval(timer);

                        if (opts.callback && typeof opts.callback == 'function') {

                            opts.callback();

                        }

                        return;

                    } else {

                        _this.scrollTop(curTop + index * per);

                    }

                };

            timer = window.setInterval(function () {

                smoothScroll(opts.toT);

            }, opts.delay);

            return _this;

        };


        $("body").scrollTo({ toT: 0 });
    </script>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM