ScrollUp 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
ScrollUp 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
ScrollUp 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
ScrollUp 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
ScrollUp 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 未知
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开发厂商
地区 不详
提 交 者 红薯
适用人群 未知
收录时间 2013-02-17

软件简介

ScrollUp 是一个轻量级的 jQuery 插件,轻松实现了滚动页面的 “返回顶部” 的功能。

在线演示:http://markgoodyear.com/labs/scrollup/

scrollupHeroColour

示例代码:

$(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)

加载中
更多评论
暂无内容
发表了博客
2013/04/17 17:16

jQuery的“回到顶端”插件 - ScrollUp

日期:2013-4-17 来源:GBin1.com 在线演示 Scrollup是一款jQuery的“回到页面顶端”的插件,能够帮助你快速的实现一个完全自定义的“back to top"的功能。 主要参数: scrollName: 'scrollUp', // Element ID topDistance: '300', // Distance from top before showing element (px) topSpeed: 300, // Speed back to t...

0
1
发表了博客
2018/07/02 16:03

HTML滚动文字

marquee 滚动文字标签 W3c 不推荐使用 <marquee> <span style="font-weight: bolder;font-size: 40px;color: white;">Welcom CSDN!</span> </marquee> direction 滚动方向属性 默认情况下,文字从右向左滚动,实际应用中,我们可能需要改变方向,就可以通过该属性来设置,该属性可用值有:up,down,left,right,分别表...

0
0
发表于大前端专区
2014/06/19 13:13

网页通告栏与在线客服

这个效果比较挫,因为通过Ajax来获取数据,并且不是实时的,设置时间段去获取数据

0
0
发表了博客
2018/01/12 16:15

js实现文字无间断上下滚动

<!doctype html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="关键字1,关键字2" /> <meta name="Description" content="描述信息" /> <title>循环滚动</title> <!--CSS/JS--> <style type="text/css"> *{margin:0;padding:0;} ul,...

0
0
发表了博客
2011/06/22 10:12

javascript:前缀

带javascript标记的用法一般是在 href="javascript:js代码"的情况下用,告诉浏览器以javascript形式解析里面的内容,否则浏览器会认为里面的代码是链接。 onclick="" 里面已经是脚本运行环境了,不需要javascript:前缀。 <a href="javascript:void(0)" onclick="alert(1)">scrollUp不会改变</a><br/> <a href="#" oncli...

2
4
发表于大前端专区
2014/06/28 09:51

两个不错的网页特效

http://alvarotrigo.com/fullPage/#firstPage http://markgoodyear.com/2013/01/scrollup-jquery-plugin/

0
0
发表了博客
2014/05/14 18:33

滚动代码

向上滚动代码,(滚动完一次接着再向上滚动)鼠标接触的时候会自动停下来。 <MARQUEE behavior="scroll" onmouseover=this.stop(); onmouseout=this.start(); scrollAmount=2 scrollDelay=10 direction=up height=168 width="177"> < DIV align=center > < TABLE > < TBODY > < TR > < TD > < p > < a href ="http://www...

0
0
发表了博客
2014/05/14 18:19

滚动代码

向上滚动代码,(滚动完一次接着再向上滚动)鼠标接触的时候会自动停下来。 <MARQUEE behavior="scroll" onmouseover=this.stop(); onmouseout=this.start(); scrollAmount=2 scrollDelay=10 direction=up height=168 width="177"> < DIV align=center > < TABLE > < TBODY > < TR > < TD > < p > < a href ="http://www...

0
0
发表了博客
2018/05/17 15:49

Chrome 浏览器最牛插件之一 Vimium

导航当页: ? 显示help,查询vimium的所有使用方法 h 向左滚动 j 向下滚动 k 向上滚动 l 向右滚动 gg 滚动到顶部 G 滚动到底部 d 向下滚动半页 u 向上滚动半页面 f 显示链接字母,在当前页面打开 F 显示链接字母,在新的页面打开 r ...

0
0
2020/10/25 00:10

2020双十一AutoJs自动领喵币再次来袭【天猫、淘宝、支付宝】

概要   2020年双11又快到了,再次来凑个热闹。天猫、淘宝、支付宝需要各种签到、逛店铺领喵币,一个店铺15S,领完所有喵币,估摸着半小时就没了,作为一名程序员,再次来为大家解放双手了。   19年的时候我基...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
31 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部