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          //滚动速度
        });
     
  • 相关阅读:
    MySQL学习--标量函数之日期函数
    MySQL学习-- case表达式
    音视频推流方法与工具使用
    音视频基础知识
    音视频测试点
    postman处理二进制流文件
    postman脚本之时间处理
    移动性能测试之adb内存相关
    Proxychains安装
    Valgrind的安装及简单使用
  • 原文地址:https://www.cnblogs.com/webFrontDev/p/2786006.html
Copyright © 2011-2022 走看看