<style type="text/css">
.scroll-up{background:url(http://www.ugo2.com/themes/ugo/images/v5common/kfoff_02.jpg) no-repeat;width:80px !important;height:30px !important;position: fixed;_position: absolute; /*for IE6*/opacity: .6;filter: Alpha(opacity=60); /*for IE*/cursor: pointer;display: none;border-radius:5px;-webkit-transition-property: background-color, opacity;-webkit-transition-duration: 1s;-webkit-transition-timing-function: ease;-moz-transition-property: background-color;-moz-transition-duration: 1s;-moz-transition-timing-function: ease;}
</style>

解决方案 »

  1.   

    <script type="text/javascript">
    (function($) {
    $.scrollBtn = function(options) {
    var opts = $.extend({}, $.scrollBtn.defaults, options);
    var $scrollBtn = $('<div></div>').css({
    top: opts.top + 'px',
    right: opts.right + 'px'
    }).addClass('scroll-up')
    .attr('title', opts.title)
    .click(function() {
    $('html, body').animate({scrollTop: 0}, opts.duration);
    }).appendTo('body');
    $(window).bind('scroll', function() {
    var scrollTop = $(document).scrollTop(),
    viewHeight = $(window).height();
    if(scrollTop <= opts.showScale) {
    if($scrollBtn.is(':visible'))
    $scrollBtn.fadeOut(500);
    } else {
    if($scrollBtn.is(':hidden')) 
    $scrollBtn.fadeIn(500);
    }
    if(isIE6()) {
    var top = viewHeight + scrollTop - $scrollBtn.outerHeight() - opts.top;
    $scrollBtn.css('top', top + 'px');
    }
    });
    function isIE6() {
    if($.browser.msie) {
    if($.browser.version == '6.0') return true;
    }
    }
    };
    $.scrollBtn.defaults = {showScale: 100,right:0,top:245,duration:200,title:'回到顶部'}
    })(jQuery);$.scrollBtn({showScale: 200,top:245,right:0});
    </script>
    自己怎么调也调不好。特来请教。