博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于美化滚动条的jquery.nicescroll插件
阅读量:5283 次
发布时间:2019-06-14

本文共 583 字,大约阅读时间需要 1 分钟。

前两天做了一个PC端的页面,左右结构的那种,左边是一级菜单,还有下拉框的那种,显示二级三级菜单。那么内容一多在用户缩小窗口的情况下就必然会出现滚动条,boss说原生的滚动条样式太难看了,换一种好看的样式,但是大家都知道每个浏览器都有自带的滚动条样式。为了让改变后的滚动条样式在每个浏览器显示的样子都是相同的,我就用到了jquery.nicescroll这个插件。结果项目测试是发现被坑了。。。。

测试时发现了一个bug,什么bug呢?就是当在小屏幕的时候,一刷新页面进来,滚动条会根据内容自动的调整大小,但是当你这个时候点开其中一个一级菜单的二级菜单时就会发现滚动条的大小并不会随着二级菜单的展开而动态的改变。就会发现你打开的内容看不完全,甚至看不到。这是个很大的问题,所以我就在想产生这个问题的原因,一开始并没有想到是这个插件的原因,而是觉得是我自己的代码哪里写错了。

后来经过测试发现原因就出在这个滚动条的插件上面,我如果使用原生的滚动条就不存在上述bug,后来就寻找原因发现,这个插件在对于动态改变滚动条这块的写法有误,所以就产生了bug,而它的最新版本已经不存在这个问题了,所以想要仍然美化滚动条的小伙伴们可以下载它的最新版本,而不要下载之前的旧版本。

 

转载于:https://www.cnblogs.com/liyunlove/p/6144707.html

你可能感兴趣的文章
C# 通过 Quartz .NET 实现 schedule job 的处理
查看>>
关于java之socket输入流输出流可否放在不同的线程里进行处理
查看>>
目前为止用过的最好的Json互转工具类ConvertJson
查看>>
Day13
查看>>
tensorflow saver简介+Demo with linear-model
查看>>
Luogu_4103 [HEOI2014]大工程
查看>>
Oracle——SQL基础
查看>>
项目置顶随笔
查看>>
Redis的安装与使用
查看>>
P1970 花匠
查看>>
java语言与java技术
查看>>
NOIP2016提高A组五校联考2总结
查看>>
iOS 项目的编译速度提高
查看>>
table中checkbox选择多行
查看>>
Magento开发文档(三):Magento控制器
查看>>
性能调优攻略
查看>>
ie6解决png图片透明问题
查看>>
瞬间的永恒
查看>>
2019-8-5 考试总结
查看>>
JS中实现字符串和数组的相互转化
查看>>