滚动条插件(移动端滚动条插件)
mCustomScrollbar滚动条插件在chorme会失效怎么办
获取文本位置nCurpos pScrollBar-SetScrollPos(nCurpos); // 更新滑块 其中，pScrollBar是滚动条指针 上述代码需要在OnHScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar)函数中书写
滚动条插件 NiceScroll 使用详解
有时为了保持页面风格的统一，我们需要修改滚动条的样式。虽然我们可以通过 CSS 设置滚动条各部分的颜色样式，但这种方式不支持老版本的浏览器。而且不同的浏览器下，CSS 滚动条属性的写法也不一样，如果各个浏览器都需要兼容（特别是移动设备的浏览器），那就十分麻烦了。
这里推荐一个十分好用的滚动条插件： Nicescroll
NiceScroll 是一款完全基于 jQuery 框架的滚动条插件，它不仅有着类似 iOS 系统设备的滚动条外观，而且还支持任意的 div、iframe、body 元素的滚动效果。
（1）页面中引入 jquery.js
（2）页面中引入 jquery.nicescroll.js
（3）如果需要用到全屏放大功能的话，还要把 zoomico.png 复制到与 jquery.nicescroll.js 同一个文件夹下。
（1）我们只需在页面初始化完毕后，对需要使用这个滚动条插件的元素调用 niceScroll() 方法即可。
（2）这里我直接是让整个页面使用 NiceScroll 插件，默认情况下滚动条是自动隐藏的，即内容如果超出窗口时滚动条也不会显示。（当然此时通过鼠标滚轮还是可以滚动页面的）
（3）当鼠标移到窗口右侧时，滚动条则会显示出来。我们可以拖动它进行页面滚动。
这种方式由两个 DIV 组成，前一个为 vieport，后一个为里面内容。
如果遇到加载数据的时候 nicescroll 滚动条闪烁，还有对绝对定位的元素（例如下拉框）使用滚动条，特别是在需要滚动条比较多的页面，导致位置错乱的等问题。那么需要使用这个方法对设置滚动条的元素的直接子元素进行设置，比如：
注意：这个只是把滚动条隐藏，使用鼠标滚轮仍然可以进行滚动。
//水平方向滚动（距左侧100px）
//垂直方向滚动（距上方100px）
三、常用配置参数
在调用 niceScroll() 方法初始化滚动条时，我们可以传入一些参数属性，从而对滚动条的样式以及行为进行修改。
（1）这里我们对滚动条的颜色和触摸滚动模式进行的修改。
（2）效果图
（1）要开启全屏放大功能，只需把 boxzoom 参数设置为 true。（同时记得把 zoomico.png 放到与 jquery.nicescroll.js 同一个文件夹下）
（2）当我们将鼠标移到滚动区域右侧时，在滚动条旁边会显示出一个“放大”图标。点击后该区域会自动放大占满整个浏览器窗口。
（3）而当这个区域放大后，右上角的这个图标又会变成“缩小”图标，点击后该区域则又还原回原来的位置和尺寸。
Jquery.nicescroll()插件：页面初始化滚动条不显示问题
链接： jquery的niceScroll没显示滚动条 - 小白小菜 - 博客园
? ? ? ? 本地数据使用niceScroll插件没有出现上述问题，首次进入页面可以正常显示出来。但是当使用滚动条的标签有ajax请求的数据填充时，就会出现页面刷新后不显示滚动条，必须将页面缩放才能正常展示。
????????????将$(selector).niceScroll()放在ajax返回成功的函数里，即在ajax完成时填充数据完成后，在给标签绑定滚动条。
? ? ? ? ? ? 为使用户体验好，可以在ajax数据填充后延时1s再绑定滚动条。
$.ajax({
? ? ? ? type: 'GET',
? ? ? ? .........
? ? ? ? success: function(data){
? ? ? ? ? ? ? ? ? ? ? ? data数据逻辑处理...
? ? ? ? ? ? ? ? ? ? ? ? $(document).ready(function(){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? setTimeout(function(){ ??$(selector).niceScroll();??} ,1000);
? ? ? ? ? ? ? ? ? ? ? ? ? });
????????}
});
css代码怎样改变火狐浏览器中滚动条样式
CSS无法控制滚动条的样式。这里推荐几块滚动条美化的插件给你。
1. Windows：全屏窗口滚动插件
该插件可以很好地实现全屏滚动，每滚动一次即为一屏。比如，用户浏览下一屏幕内容时，只需手动滚动到某一位置，该插件会自动滚动显示下一屏全部内容。对于浏览类似于PPT的内容时比较实用。
2. Jquery Scroll Follow：滚动跟随插件
该插件可以使DOM对象随着页面的滚动而移动。你可以设置滚动的速度、偏移等参数。
3. 列表滚动插件
该插件可以为任意列表添加上滚动效果。你可以自定义列表的滚动方向和滚动速度。
4. Sly：灵活的基于ITEM的滚动插件
SLY提供了很多基于项目（如图像/内容画廊）的滚动选项，支持水平和垂直方向的无限滚动。
5. Coverscroll
仿苹果的CoverFlow设计，支持滚动条、鼠标滚轮和手势来滚动查看。
6. Sticky
该插件可以让你的页面中的任何元素在滚动过程中始终可见
7. Tiny Scrollbar：一个轻量级的JQUERY插件
8. Sticky Float：另一个滚动跟随插件
9. Page Scroller：漂亮实用的滚动导航
10. Custom Srollbar：自定义内容滚动条插件
11. Scroll Up：一个轻量级的滚动到顶部插件
vue的滚动条插件vue-scroll
最近在开发Vue项目时，需要实现一个页面的局部滚动条功能。以前实现此类功能都是使用的iframe原生的滚动条功能，保证内容只在div块内滚动，别的地方不影响。
据尝试，发现Iview等组件库都没有符合这种情况的组件，于是查找了其他组件，最终选用了vue-scroll插件。
vuescroll 是一个基于 vue.js 2.X 虚拟滚动条， 它支持定制滚动条的样式，检测内容尺寸变化、能够使内容分页、支持上拉-刷新，下推加载等诸多特性。
(1)拥有原生滚动条的滚动行为
(2)可以定制滚动条的样式(包括颜色、尺寸、位置、透明度、是否保持显示等)
(3)在模式之间自由切换
(4)能够通过设置滚动动画来平滑地滚动
(5)拉取刷新和推动加载
(6)支持分页模式(每次滑动整个页面)
(7)支持快照模式(每次滑动滚动一个用户定义的距离)
(8)可以检测内容尺寸发生变化
在components中再注册一下
这两种引入方式都可以，引入后用vuescroll包裹需要滚动的部分
在data中写明需要修改的配置项
vue-happy-scroll滚动条插件
查看其他属性及参数设置
happy-scroll
swift
网站导航