• 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;
        });
    复杂的事情简单化,简单的事情重复做。
  • 相关阅读:
    2020.10.31
    2020.10.26
    2020.10.29
    2020.10.28动手动脑+验证
    2020.11.1(每周学习总结)
    2020.10.30
    2020.11.2动手动脑➕课后试验性问题
    Javascript权威指南阅读笔记第3章类型、值和变量(1)
    【一个小功能】从js判断ie版本,浅谈navigator对象的appName属性
    【Vue】vif与vshow的区别
  • 原文地址:https://www.cnblogs.com/zhidong123/p/3781641.html
Copyright © 2020-2023  润新知