菜单

依靠jquery的回来页面最上部开关_jquery_脚本之家

2020年2月13日 - www.2138.com

css代码: 复制代码 代码如下: .scroll-up {
background: #www.2138.com,dcdcdc url no-repeat center center; width:48px !important;
/*for ff and other standard browser*/ height:48px !important; _width:
58px; /*for IE6 nonstandard box model*/ _height: 58px; position:
fixed; _position: absolute; /*for IE6 fixed bug*/ opacity: .6;
filter: Alpha; /*for IE opacity*/ padding:5px; cursor: pointer;
display: none; /*css3 property for ff chrome*/ 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; }
.scroll-up:hover { background-color:#B9B9B9; opacity: .8; }
下面是jquery代码 复制代码 代码如下: ; {
$.scrollBtn = function { var opts = $.extend({}, $.scrollBtn.defaults,
options); var $scrollBtn = $.css({ bottom: opts.bottom + ‘px’, right:
opts.right + ‘px’ }).addClass.attr .click { $.animate({scrollTop: 0},
opts.duration); }).appendTo; // 绑定到window的scroll事件 $.bind { var
scrollTop = $, viewHeight = $; // 小于配置的显示范围 则fadeOut
if(scrollTop <= opts.showScale) { if($scrollBtn.is
$scrollBtn.fadeOut; // 大于配置的显示范围 则fadeIn } else {
if($scrollBtn.is $scrollBtn.fadeIn; } //
解决IE6下css中fixed没有效果的bug if { var top = viewHeight + scrollTop –
$scrollBtn.outerHeight() – opts.bottom; $scrollBtn.css; } }); //
判断是否为IE6 function isIE6() { if { if($.browser.version == ‘6.0’)
return true; } } }; /** * -params * -showScale: scroll down how much
to show the scrollup button * -right: to right of scrollable container
* -bottom: to bottom of scrollable container */ $.scrollBtn.defaults =
{ // 默认值 showScale: 100, // 超过100px 显示按钮 right:10, bottom:10,
duration:200, // 回到页面顶部的时间间隔 title:’back to top’ //
div的title属性 } }); $.scrollBtn({ showScale: 200, //下滚200px后
显示按钮 bottom:20, // 靠底部20px right:20 // 靠右部20px });
backToTop.rar

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图