zoukankan      html  css  js  c++  java
  • jquery返回顶部和底部插件和解决ie6下fixed插件

    (function($){
        //返回顶部和底部插件
        $.fn.extend({ 
            goTopBootom:function (options){
                //默认参数
                var defaults = {
                    "upBtn":".up", //被点击返回顶部的按钮
                    "downBtn":".down", //被点击返回底部的按钮
                    "inTms":300, //此功能元素出现的时间
                    "outTms":300, //此功能元素隐藏的时间
                    "speed":500 //返回顶部或者底部的速度
                };
                var options = $.extend(defaults,options)
                return this.each(function(){
                    var _this = $(this);
                    var oHtmlBody = $('html,body');
                    var oBodyH = document.body.clientHeight;
                    var oUp = $(this).find(options.upBtn);
                    var oDown = $(this).find(options.downBtn);
                    $(this).css("top",window.screen.availHeight/2-100+"px");
                    $(window).scroll(function() {        
                        if($(window).scrollTop() >= 200){
                            _this.fadeIn(options.inTms); 
                        }else{    
                            _this.fadeOut(options.inTms);    
                        }  
                    });
                    oUp.click(function(){oHtmlBody.animate({scrollTop: '0px'}, options.speed);});
                    oDown.click(function(){oHtmlBody.animate({scrollTop: oBodyH + 'px'}, options.speed);});
                });
            },
            //解决ie6下fixed插件
            ie6fixedbug: function () {
                return this.each(function(){
                    var m = (window.screen.height - $(this).height()) / 3;
                    var obj = $(this);
                    $(window).scroll(function () {
                        obj.css("top",(document.body.scrollTop || document.documentElement.scrollTop) + m + 'px');
                    });
                    $(window).resize(function () {
                        obj.css("top",(document.body.scrollTop || document.documentElement.scrollTop) + m + 'px');
                    });
                });
            }
        });
    }(jQuery));
  • 相关阅读:
    JSON总结
    protobuf 编码实现解析(java)
    Java Enum解析【转】
    protobuf 原理
    apache CXF wsdl2java工具的使用
    Web Service中的几个重要术语
    Servlet过滤器
    Java中static关键字的作用和用法详细介绍
    浅析Java中的final关键字
    Java中按值传递与按引用传递的区别
  • 原文地址:https://www.cnblogs.com/afuge/p/3291992.html
Copyright © 2011-2022 走看看