滚动条美化,两款优秀的模拟滚动条插件

Nicescroll 3

nicescroll是一款具有良好兼容性的基于jQuery滚动插件,几乎兼容所有浏览器,包括ie6,以及移动端,但是他也有一个比较大的问题,这个插件压缩之后的大小还有57.5kb。

在线演示      源码下载

jquery.scrollbar

scrollbar是一款具有良好兼容性的基于jQuery滚动插件,可以用在各种场合,同时可以相互嵌套使用

在线演示      源码下载

时间: 2024-10-12 20:39:49

滚动条美化,两款优秀的模拟滚动条插件的相关文章

实测两款 GitHub 开源抢票插件,所有坑都帮你踩过了

如果你对自己手速和市面上的各种 “加速包” 都没什么信心的话,不妨试试用程序员的手段抢票? 况且,[12306 官方宣布屏蔽了一大批付费抢票软件],这也意味着你即使给这些软件付了会员费,也依旧抢不到票. 所以只能回到最初的手动抢票?No!No!No! GitHub 上有两个 “年经” 项目,每到春运前一段时间,就会定时定点的登顶热榜,助力一代又一代程序员和姿势丰富的非程序员们抢票回家. 那么,这两个项目究竟怎么用?好不好用? 和手动抢票.第三方软件抢票比起来优势是否明显? 安装使用过程中,会不会

两款基于Jquery的图表插件

一.EasyPieChart 页面加载时,运行initPieChart()函数,调用easyPieChart()函数,显示出图表. 代码: var initPieChart = function() { $('.percentage').easyPieChart({ animate: 1000 }); $('.percentage-light').easyPieChart({ barColor: function(percent) { percent /= 100; return "rgb(&q

精心挑选10款优秀的 jQuery 图片左右滚动插件

在现代的网页设计中,图片和内容滑块是一种极为常见和重要的元素.你可以从头开始编写自己的滑动效果,但是这将浪费很多时间,因为网络上已经有众多的优秀的 jQuery 滑块插件.当然,如果要从大量的 jQuery Slider 中挑选出适合自己的插件也是需要一些时间的.因此这篇文章给大家挑选了10款优秀的 jQuery Slider 插件,希望能帮助到你. 您可能感兴趣的相关文章 12款经典的白富美型 jQuery 图片轮播插件 精选12款优秀 jQuery Ajax 分页插件和教程 10大流行的 M

给你推荐10款优秀的 HTML5 动画工具

HTML5 在过去三年快速增长,已经成为 Web 开发人员最喜欢的编程语言之一.强大的编程语言拥有开发更好的网页应用的能力. HTML5 中引入的新技术都非常好,像 Chrome.Firefox.Safari 等许多现代浏览器都已经支持.今天,我们列出了10个优秀的 HTML5 动画制作工具,可以帮助你的工作. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计 让网站动起来!1

iOS开发UI篇—推荐两个好用的Xcode插件(提供下载链接)

iOS开发UI篇—推荐两个好用的Xcode插件(提供下载链接) 这里推荐两款好用的Xcode插件,并提供下载链接. 一.插件和使用如下: 1.两款插件 对项目中图片提供自动提示功能的插件:KSImageNamed-Xcode-master 提供快速创建自动注释:VVDocumenter-Xcode-master 2.使用介绍: (1)KSImageNamed-Xcode-master的使用 安装该插件后,会对文件中图片进行智能提示. (2)VVDocumenter-Xcode-master能提供

过去几个月出炉的30款最喜欢的 jQuery 插件

在这篇文章中,我们收集了一些在过去的几个月里最喜欢的 jQuery 插件.为了使您更容易搜索到自己喜欢的 jQuery 插件,我们已经对插件进行了分类: 页面布局插件,图片和视频插件,滑块和画廊,排版插件等等. 您可能感兴趣的相关文章 Web 开发中很实用的10个效果[源码下载] 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计 让网站动起来!12款优秀的 jQuery 动画插件 十分惊艳的8个 HTML5 & JavaScript 特效 jQu

div模拟滚动条

如果内容有误,还请留言帮我指出,非常感谢 有木有觉得window下浏览器默认的滚动条很丑? 特别是在黑色风格的网站中 用iframe嵌套或者overflow:auto 出现滚动条的时候 那么我们来模拟一个滚动条吧 demo01 说明: 1.content元素不能有border 如果有10px的border 把滚条拖到最下面后 将有10px内容看不到 2.调用方式:scrollFuc('content','nr','scroll_con','scroll_box'); 不足: 此版本没有抽象出对s

滚动条美化实践(原生js,iscroll,nicescroll)

近期需要改造项目中的滚动条,使原滚动条在三大浏览器下表现相同,分享一下自己的改造经历: 项目中的滚动条分布在网页的各个小窗口中,使用的是-webkit-scrollbar制作,在-webkit内核的浏览器下表现非常漂亮,但是在ie和火狐下无法兼容,还是非常丑的默认样式. 原计划使用css hack打个补丁美化一下,想到ie hack以后变色的默认滚动条,觉得浑身"蓝瘦香菇".于是决定重写一下这个部分,反正以后用到的地方可以直接拿出来用. 第一次计划打算自己手写,反正逻辑挺简单的,设定个

javascript动画系列第五篇——模拟滚动条

× 目录 [1]原理介绍 [2]数字加减 [3]元素尺寸[4]内容滚动 前面的话 当元素内容溢出元素尺寸范围时,会出现滚动条.但由于滚动条在各浏览器下表现不同,兼容性不好.所以,模拟滚动条也是很常见的应用.本文将详细介绍滚动条模拟 原理介绍 滚动条模拟实际上和元素模拟拖拽类似.仅仅通过范围限定,使元素只可以在单一方向上拖拽 <div id="box" style="height: 200px;width: 16px;background-color:#F5F5F5;bo