zoukankan      html  css  js  c++  java
  • 扩展jQuery全局函数的“返回顶部”插件

    //返回顶部
        $.backToTop = function (options) {
            //默认配置
            var defaults = {
                showHeight:150, //到达某个高度后显示返回顶部
                speed:500          //滚动速度
            };
            options = $.extend(defaults, options);    //覆盖默认配置
            $("body").append("<a id='toTop' title='返回顶部' href='javascript:void(0);'>返回顶部</a> >");      //添加html
            var $toTopObj = $(window);
            var $toTopa = $("#toTop");
            $toTopa.hide();
            $toTopObj.scroll(function () {
                var scrollTop = $(this).scrollTop();
                if (scrollTop >= options.showHeight) {
                    $toTopa.fadeIn("fast");
                } else {
                    $toTopa.fadeOut("fast");
                }
            });
            $toTopa.click(function () {
                $("html,body").animate({
                    scrollTop:0
                }, options.speed, function () {
                    $toTopa.fadeOut("fast");
                });
            });
        };
        //demo: 
        $.backToTop({
            showHeight:50, //到达某个高度后显示返回顶部
            speed:250          //滚动速度
        });
     
  • 相关阅读:
    [原创]Acronis True Image使用手记
    毕业日志
    我的L6修好了
    三峡实习记之二
    初到华南理工印象
    三峡实习记之三
    SHOW毕业衫
    自己的第一次装机
    iOS Tools
    [转] A few things iOS developers ought to know about the ARM architecture
  • 原文地址:https://www.cnblogs.com/webFrontDev/p/2786006.html
Copyright © 2011-2022 走看看