zoukankan      html  css  js  c++  java
  • 返回顶部

    /*
     backtotop.js
     by sunhw 2014-12-2
     */
    ;
    (function() {
        T.dom.ready( function() {
            var dom = T.get( 'gototopwrap' ), timer = 0;
            var map = {
                scroH : 450,
                pageH : 230,
                ttl   : 500
            };
            if ( T.page.getViewHeight() < map.pageH || !dom ) {
                return;
            }
            var scrollHandle = function() {
                clearTimeout( timer );
                timer = setTimeout( function() {
                    if ( T.page.getScrollTop() > map.scroH ) {
                        T.dom.setStyle( dom, "visibility", "visible" );
                    } else {
                        T.dom.setStyle( dom, "visibility", "hidden" );
                    }
                }, map.ttl );
            };
            T.un( window, 'scroll', scrollHandle );
            T.on( window, 'scroll', scrollHandle );

            window.fixedIE6 && window.fixedIE6();
        } );
    })();

    /*
        backtotop.js
        by sunhw 2014-10-24
    */
    ;(function(){
        function BackTotop(option){
            this.map = {
                sh : 200, //getScrollTop
                ttl : 500, //延迟时间
                vh : 227 //getViewHeight
            };
            this.option = T.object.extend({
                root : ''
            }, option || {});
            this.ie6 = T.browser.ie < 7;
            this.init();
        }
        BackTotop.prototype.init = function(){
            var me = this;
            if(T.page.getViewHeight() < me.map.vh) return;
            me.scrollHandle = function(){
                me.timer = null;
                clearTimeout(me.timer);
                if(me.ie6){
                    if(T.get('gototopwrap')){
                        T.hide('gototopwrap');
                    }
                }
                me.timer = setTimeout(function(){
                    if(T.page.getScrollTop() > me.map.sh){
                        me.tpl = '<div class="gototop" id="gototopwrap"><a class="totop-btn" id="totopBtn" href="javascript:void(window.scroll(0,0));" hidefocus></a></div>';
                        if(!T.get('gototopwrap')){
                            T.dom.insertHTML(T.get(me.option.root), 'afterBegin', me.tpl);
                        }
                        if(me.ie6){
                            if(T.get('gototopwrap')){
                                T.get('gototopwrap').style.top = (T.page.getViewHeight()-me.map.sh)+ T.page.getScrollTop() + 'px';
                                T.show('gototopwrap');
                            }
                        }
                    }else{
                        if(T.get('gototopwrap')){
                            T.dom.remove(T.get('gototopwrap'));
                        }
                    }
                }, me.map.ttl);
            };
            T.on(window, 'scroll', me.scrollHandle);
        }
        T.dom.ready(function(){
            var gototop = new BackTotop({
                root : 'footer'
            });
        });
    })();

  • 相关阅读:
    Map 中的EntrySet() ,Map的遍历
    Struts2拦截器原理
    基于 <tx> 和 <aop> 命名空间的声明式事务管理
    Spring AOP Example 文件下载:
    Struts2拦截器
    好多开发文档——官网打不开的福音
    threejs样例
    bootCDN,用了都说好
    react拷贝index.html很恶心之解决办法
    网络爬虫好
  • 原文地址:https://www.cnblogs.com/sunhw360/p/4139571.html
Copyright © 2011-2022 走看看