zoukankan      html  css  js  c++  java
  • jquery返回顶部-ie6配合css表达式。

    css:

    .wraper{ width:980px; height:2048px; margin:0 auto; background:#ccc; }
    /*返回头部*/
    #backToTop a{ display:block; cursor:pointer;width:25px; height:26px; text-indent:-9999em; position:absolute; left:0; top:0; z-index:10;}
    #backToTop .bt_bg{
            background:url(http://i0.cy.com/xtl/main/20140227/backTop.png) no-repeat;_background: 0; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i0.cy.com/xtl/main/20140227/backTop.png',sizingMethod='scale'); 
            width:25px; height:26px ; position:absolute; left:0; top:0; z-index:8; }
    #backToTop { display:none; width:25px; height:26px ; position:fixed; right:50%; margin-right:-533px; bottom:110px; z-index:1; }
    /**针对ie6设置*/
    *html #backToTop { position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

    html:

        <div class="wraper">
            
        </div>
        <script type="text/javascript" src="http://www1.changyou.com/scripts/jquery.min.js"></script>

    javascript:

        $('body').append($('<div id="backToTop"><a href="javascript:void(0);">回到顶部</a><div class="bt_bg"></div></div>').hide(0));
        $(window).scroll(function(){
            $('#backToTop').show();
            if ($(document).scrollTop() != 0) 
                $('#backToTop').show();
            else 
                $('#backToTop').hide();
        });
        $('#backToTop a').click(function(){
            $('html, body').animate({
                scrollTop: 0
            }, 800);
            return false;
        });
    复杂的事情简单化,简单的事情重复做。
  • 相关阅读:
    nginx socket转发设置
    Linux CentOS 7 安装字体库 & 中文字体
    nginx配置location总结及rewrite规则写法
    nginx动静分离小示例
    iptables黑/白名单设置(使用ipset 工具)
    Docker logs 命令
    Docker定制容器镜像(利用Dockerfile文件)
    docker swarn集群笔记
    [国家集训队]数颜色 / 维护队列(带修莫队)
    于是他错误的点名开始了(trie树)
  • 原文地址:https://www.cnblogs.com/zhidong123/p/3781641.html
Copyright © 2011-2022 走看看