<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>
(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>
自己怎么调也调不好。特来请教。