文档章节

返回顶部

伊缶瑞亚
 伊缶瑞亚
发布于 2015/12/09 18:53
字数 221
阅读 5
收藏 0
;(function($){$.scrollUp=function(options){var settings={scrollName:"scrollUp",topDistance:"300",topSpeed:300,animation:"fade",animationInSpeed:200,animationOutSpeed:200,scrollText:"TOP",activeOverlay:false};if(options)var settings=$.extend(settings,options);var sn="#"+settings.scrollName,an=settings.animation,os=settings.animationOutSpeed,is=settings.animationInSpeed,td=settings.topDistance,st=settings.scrollText,ts=settings.topSpeed,ao=settings.activeOverlay;$("<a/>",{id:settings.scrollName,
href:"#top",title:st,text:st}).appendTo("body");$(sn).css({"display":"none","position":"fixed","z-index":"2147483647"});if(ao){$("body").append("<div id='"+settings.scrollName+"-active'></div>");$(sn+"-active").css({"position":"absolute","top":td+"px","width":"100%","border-top":"1px dotted "+ao,"z-index":"2147483647"})}$(window).scroll(function(){if(an==="fade")$($(window).scrollTop()>td?$(sn).fadeIn(is):$(sn).fadeOut(os));else if(an==="slide")$($(window).scrollTop()>td?$(sn).slideDown(is):$(sn).slideUp(os));
else $($(window).scrollTop()>td?$(sn).show(0):$(sn).hide(0))});$(sn).click(function(event){$("html, body").animate({scrollTop:0},ts);return false})}})(jQuery);
//开启回到顶部
    $.scrollUp();
/* 全部参数 */
/*
$(function () {
    $.scrollUp({
        scrollName: 'scrollUp', // Element ID
        topDistance: '300', // Distance from top before showing element (px)
        topSpeed: 300, // Speed back to top (ms)
        animation: 'fade', // Fade, slide, none
        animationInSpeed: 200, // Animation in speed (ms)
        animationOutSpeed: 200, // Animation out speed (ms)
        scrollText: 'Scroll to top', // Text for element
        activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
    });
});
*/


© 著作权归作者所有

共有 人打赏支持
伊缶瑞亚
粉丝 0
博文 28
码字总数 8515
作品 0
徐州
私信 提问
杂项:引用资源列表

ylbtech-Miscellaneos:引用资源列表 1. JavaScript返回顶部 1.1、百度静态资源库 http://cdn.code.baidu.com/ 1.2 2. CSS返回顶部 2.1、前端开发仓 http://code.ciaoca.com/ 2.2、 3.返回顶...

吞吞吐吐的
2017/10/11
0
0
JS:1.2,控制语句(if,if else,for,switch,while,do while)

ylbtech-JS:控制语句 If 循环 JS:控制语句-If返回顶部 If If-else If嵌套 JS:控制语句-if返回顶部 无标题文档

吞吞吐吐的
2017/10/03
0
0
HTML:DOM 对象

ylbtech-HTML:DOM 对象 1. Document 对象返回顶部 1-1、 Document 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行...

吞吞吐吐的
2017/11/08
0
0
jQuery:1.[1-2],jQuery基础学习(一)

ylbtech-jQuery:jQuery学习 jQuery语法实例 $(this).hide() jQuery 的 hide() 函数,隐藏当前的 HTML 元素。 $("p").hide() jQuery 的 hide() 函数,隐藏所有 元素。 $(".test").hide() jQue......

吞吞吐吐的
2017/10/18
0
0
jQuery:1.[3-4],jQuery基础学习(二)

ylbtech-jQuery:jQuery学习 HTML操作 改变 HTML 元素的内容。 向 HTML 元素追加内容。 在 HTML 元素之后追加内容。 CSS操作 改变 HTML 元素的 CSS 属性。 改变多个 CSS 属性。 获得元素的 CS...

吞吞吐吐的
2017/10/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

计算机系统要素 C5

本章值得一提的是组织计算机的结构。Hack 的指令和数据是分开存储的,因此它的 CPU 有两个 input: IN inM[16], // M value input (M = contents of RAM[A]) instruction[16],...

lionets
13分钟前
0
0
SpringSecurity404需要注意的地方

在使用@RequestMapping的时候路径的值如果写为("auth"),虽然用的时候前面加不加"/"没有区别,但是在配置了SpringSecurity的http.authorizeRequests().antMatchers()时就必须要注意了! 🌰1...

百萬馬力
16分钟前
0
0
10分钟读懂阿里巴巴高级专家在Flutter Live2018的分享

作者:闲鱼技术-宗心 12月4日,google flutter团队宣布第一个flutter正式版本发布。次日,Flutter Live Beijing 会议上,google flutter团队邀请了在这一技术方案中重要的合作伙伴闲鱼团队分...

阿里云官方博客
17分钟前
1
0
RxJava window操作符

原文:https://github.com/Froussios/Intro-To-RxJava/blob/master/Part%204%20-%20Concurrency/3.%20Sequences%20of%20coincidence.md Sequences of coincidence Rx试图避免管道(pipeline)外......

woshixin
24分钟前
1
0
05.Beetl标签函数以及定界符、占位符介绍---《Beetl视频课程》

本期视频实现了博客的详情页面; 内容简介:使用了标签函数layout完成详情功能 一起学beetl目录:https://my.oschina.net/u/1590490?tab=newest&catalogId=6214598 作者:GK #标签函数 layo...

Gavin-King
25分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部