ScrollerJS

JavaScript 数字滚动库
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 不详
投 递 者 西门品
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

ScrollerJS 是 JavaScript 轻量级数字滚动库,提供动态数字滚动效果,可以嵌入到 Web 应用中使用。

主要特性

  • 轻量级,压缩后只有 12 KB

  • 没有任何依赖和外部框架和库

  • 跨浏览器兼容:Chrome 42.0, Firefox 37.0.2, IE 11, Safari 5.1.7, Opera 29.0

ScrollerJS 支持 CSS 转换和 DOM 动态。

示例

HTML:

<div id="clock-pane"></div>

JavaScript:

var clockScroller=Scroller.getNewInstance({
	width:200,
	amount:40,
	interval:600,
	separatorType:Scroller.SEPARATOR.TIME,
	separator:":"
});
clockScroller.appendTo(document.getElementById("clock-pane"));
clockScroller.start("000000");
setInterval(function(){
	var now=new Date();
	var hours=now.getHours();
	var minutes=now.getMinutes();
	var seconds=now.getSeconds();
	hours=(hours<10)?"0"+hours:hours+"";
	minutes=(minutes<10)?"0"+minutes:minutes+"";
	seconds=(seconds<10)?"0"+seconds:seconds+"";
	var timeStr=hours+minutes+seconds;
	clockScroller.scrollTo(hours+minutes+seconds);
},1000);
 相关资料
  • import { Countup } from 'feui'; components: { [Countup.name]: Countup }, data () { return { doStart: false, doReset: false, options: { useEasing: true, useGroupin

  • CountTo 数字滚动 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ √ √ 基本使用 通过start-val设置开始值,end-val设置结束值 <u-count-to :start-val="30" :end-val="500"></u-count-to> 设置滚动相关参数 通过duration设置从开始值到结束值整个滚动过程

  • 一个可以滚动数字的Label,有多种滚动方式。可以用作老虎机的效果,也可以用于时钟的倒计时。 [Code4App.com]

  • 本文向大家介绍vue实现数字滚动效果,包括了vue实现数字滚动效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了vue实现数字滚动的具体代码,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍Jquery数字上下滚动动态切换插件,包括了Jquery数字上下滚动动态切换插件的使用技巧和注意事项,需要的朋友参考一下 Jq打造的数字滚动插件,数字变化时,动态滚动切换,效果非常好。 我们先来看示例: CSS HTML JS 插件使用非常简单 1. 第一次调用时 2. 如果数字改变了,再次调用就只需要调用Change函数即可 该插件有3个参数,分别是: Target:数字的父级容器

  • 本文向大家介绍基于jQuery实现数字滚动效果,包括了基于jQuery实现数字滚动效果的使用技巧和注意事项,需要的朋友参考一下 滚动方向:上下 源代码下载 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!

  • 本文向大家介绍Android TextView 字体滚动效果,包括了Android TextView 字体滚动效果的使用技巧和注意事项,需要的朋友参考一下 Android TextView 字体滚动效果 实例代码: Android  XML: 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

  • scroll 事件允许对页面或元素滚动作出反应。我们可以在这里做一些有用的事情。 例如: 根据用户在文档中的位置显示/隐藏其他控件或信息。 当用户向下滚动到页面末端时加载更多数据。 这是一个显示当前滚动的小函数: window.addEventListener('scroll', function() { document.getElementById('showScroll').innerH