在一些项目中，用户总是要求自定义一下滚动条，以前一般用iscroll解决，但是发现iscroll有很多不方便的地方，而且也比较大，索性自己琢磨一个类似的插件吧！目的有两个：要足够小，易于上手使用；功能一定要足够实用，能满足广大H5开发者的基本需求。 介绍一下这个插件的主要功能： 1、隐藏或显示滚动条 ...
分类：
Web程序 时间：
2017-12-25 18:19:50
阅读次数：
247
有没有觉得浏览器自带的原始滚动条很不美观，同时也有看到很多网站的自定义滚动条显得高端，就连chrome32.0开发板都抛弃了原始的滚动条，美观多了。那webkit浏览器是如何自定义滚动条的呢？ 前言 webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式 ...
分类：
Web程序 时间：
2017-12-13 11:31:06
阅读次数：
227
CSS3自定义滚动条样式 -webkit-scrollbar 有时候觉得浏览器自带的原始滚动条不是很美观，那webkit浏览器是如何自定义滚动条的呢？ Webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式。当然，兼容所有浏览器的滚动条样式目前是不存在的 ...
分类：
Web程序 时间：
2017-12-01 19:46:51
阅读次数：
381
场景：类似QQ聊天的窗体中，需要添加自定义滚动条vScroll。主窗体中panel存放空间，右边有垂直的滚动条vScroll。 问题：已经实现vScroll和Panel.VerticalScroll滚动条联动，但是鼠标滑轮事件不能触发。 原因：Panel不能聚焦，鼠标点击后不能触发wheel事件。 ...
webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。 演示 来看看这2个滚动条demo： demo1（图片版）、demo2（纯CSS3版） 滚动条组成 ::-webkit-scrol ...
分类：
Web程序 时间：
2017-10-24 11:18:37
阅读次数：
213
项目地址:https://pan.baidu.com/s/1c2LEXlm 业余时间写了一个自定义滚动条 主要是利用scrollTop和scrollLeft这两个属性来控制内部元素的位置,通过offsetTop和offsetLeft可以判断滚动容器是否在顶部，如果不在，则距离顶部有多少px的距离,然 ...
分类：
其他好文 时间：
2017-10-19 17:39:55
阅读次数：
164
之前写过一篇文章,介绍的是我写的一个实现自定义滚动条的插件,因为当时太过匆忙,竟然没有详细介绍一下插件和插件的使用,现在做补充说明, 插件地址:https://pan.baidu.com/s/1mhEwHLm 使用方法: var mainPanel = document.getElementById ...
分类：
Web程序 时间：
2017-10-16 15:05:32
阅读次数：
185
我遇到的场景： 对于iframe窗口，自带滚动条是整个窗口的大小。有时需要顶部或底部固定，则滚动条不应该触碰到顶部或底部。 那么首先打开iframe时应该去掉滚动条 scrolling="no"，然后在需要滚动的区域自定义滚动条。 自定义滚动条代码如下： 效果如下： 东方不败东方不败东方不败东方不败 ...
分类：
Web程序 时间：
2017-10-12 22:53:21
阅读次数：
161
.editor{ overflow:hidden; height:640px; padding:0 45px; border: 0 none; outline: none; } .editor::-webkit-scrollbar{ //设置整个滚动条宽高 width:6px; height:100... ...
分类：
Web程序 时间：
2017-09-14 18:38:52
阅读次数：
285
