iScroll是一个高性能,资源占用少,无依赖,多平台的javascript滚动插件。它可以在桌面,移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。iScroll不仅仅是滚动。它可以处理任何需要与用户进行移动交互的元素。iScroll分为了多个版本。目前有以下版本:iscroll.js,这个版本是常规应用的脚本。它包含大多数常用的功能,有很高的性能和很
转载
2023-07-17 10:39:03
154阅读
插件描述:aos.js是一款页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果,以及多种easing效果。在页面往回滚动时,元素会恢复到原来的状态。1.引用在html文件中引入css文件和js文件<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
&l
转载
2023-08-11 16:08:45
216阅读
CountUp.js数字滚动插件使用方法详解CountUp.js 是一个轻量级,无依赖的JavaScript类,通过简单的设置就可以达到数字滚动的效果演示地址: http://inorganik.github.io/countUp.js/target = 目标元素的 ID;
startVal = 开始值;
endVal = 结束值;
decimals = 小数位数,默认值是0;
dura
原创
2023-10-23 14:36:26
651阅读
效果效果本文介绍使用fullPage.js插件可轻易创建全屏滚动网站。很多网站只有一个首页,它是由多个可以滚动的全屏内容组成,使用鼠标滚动或方向键可控制滚屏,支持CSS3动画和手机触屏,效果非常高大上。使用方法包含文件<link rel="stylesheet" type="text/css" href="fullpage.css" />...
原创
2023-02-19 01:43:06
476阅读
在实际项目中,经常由于浏览器自带的滚动条样式太戳,而且在各个浏览器中显示不一样,所以我们不得不去实现自定义的滚动条,今天我就用最少的代码实现了一个自定义滚动条,代码量区区只有几十行,使用起来也非常方便。
在实际项目中,经常由于浏览器自带的滚动条样式太戳,而且在各个浏览器中显示不一样,所以我们不得不去实现自定义的滚动条,今天我就用最少的代码实现了一个自定义
转载
2023-08-30 14:33:43
28阅读
前言:做移动端网页下滑/点击切换到下一页的效果,采用了fullpage,js最新的版本 因为他的初始化是酱紫的: anchors属性会在当前页面的地址后面加上当前页的锚点,像这样 1:导致点击手机左上角返回的时候不能返回到上一级页面,如果在page2页面,点击返回会跳转到page1页面。 :2:在微
转载
2018-12-27 16:56:00
515阅读
2评论
iscroll.js移动端滚动插件 ... ... ... ... ... ...
原创
2021-07-27 20:41:13
397阅读
jQuery全屏滚动插件fullPage.js简介jQuery全屏滚动插件fullPage.js演示 >>>jQuery全屏滚动插件
原创
2022-07-18 11:09:05
488阅读
简介如今我们经常能见到全屏网站,尤其是国外网站。这些网站用几幅很大的图片或色块做背景,再添加一些简单的内容,显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面(查看),QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的,显得更上档次,你可以试试 fullPage.js。fullPag...
原创
2021-07-18 09:45:21
389阅读
jcarousellite.js控制稳定滚动插件
jcarousellite.js控制稳定滚动插件
jcarousellite是一款
转载
精选
2013-03-29 15:40:10
309阅读
Odometer是一个使用JavaScript和CSS技术,制作出数字上下滑动的动画效果插件,有点类似与我们的天然气的读数的动画效果,这个插件是轻量级的,压缩版本只有3kg,使用CSS3动画技术,所以运行起来非常的流畅,需要这种效果的朋友不妨试试这个插件。所有的主题都可以自定义文字的大小和Odometer元素的标签。兼容性Odometer能在IE8+, FF4+, Safari 6+, Chrom
转载
2024-07-31 14:27:15
269阅读
1、滚动监听
案例
滚动监听插件可以根据滚动条的位置自动更新所对应的导航标记。Bootstrap中文网左侧就是一个滚动监听的例子。
代码段:
[html] view plaincopy
<nav id="navbar-example2" class="navbar navbar-default navbar-static" role="navigation">
转载
2014-10-10 08:47:00
169阅读
2评论
滚动监听 滚动监听插件是用来根据滚动条所处的位置来自动更新导航项的。如下所示,滚动导航条下面的区域并关注导航项的变化。下拉菜单中的条目也会自动高亮显示。 1、滚动侦听的实例 实现点击导航条中的列表项自动更新导航项。 实现高亮显示当前激活的链接。 2、滚动侦听的用法 <!DOCTYPE html> < ...
转载
2021-09-29 17:33:00
82阅读
2评论
jQuery Smoove一款非常强大鼠标滚轮滚动效果插件,jQuery Smoove很轻松便可实现鼠标滚动的时候页面的内容随着滚动展现绚丽的动感十足的css3动画效果。jquery实例:jQuery Smoove使用方法1、引入核心文件,
原创
2022-02-23 11:41:31
467阅读
引入JS <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> <script type="text/javascript" charset="utf-8" src="js/countUp.min.js"></script>封装函数
原创
2022-02-10 17:10:35
282阅读
官网:http://imakewebthings.com/waypoints/页面滚动监听很简单,不多说,写个Demo:
原创
2023-02-22 09:06:55
142阅读
引入JS <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> <script type="text/javascript" charset="utf-8" src="js/countUp.min.js"></script>封装函数 /* *elId = 目标元素的 ID; startVal = 开始值; en
原创
2021-07-30 16:29:38
615阅读
2010年,为Tper朋友们献上一系列自己写的简单却很实用插件吧,以后将不定期补充此系列,觉得不错就拿去。系列插件链接:1 变量输出插件可打印数组,对象,字符串,写js代码时用来进行简单调试测看数据页面滚动插件1. 2. $.scroll_to = function(_to,diff)3. {4. _to = _to && typeof _to ==
转载
2022-11-21 18:33:38
106阅读