前两天做了一个PC端的页面,左右结构的那种,左边是一级菜单,还有下拉框的那种,显示二级三级菜单。那么内容一多在用户缩小窗口的情况下就必然会出现滚动条,boss说原生的滚动条样式太难看了,换一种好看的样式,但是大家都知道每个浏览器都有自带的滚动条样式。为了让改变后的滚动条样式在每个浏览器显示的样子都是相同的,我就用到了jquery.nicescroll这个插件。结果项目测试是发现被坑了。。。。
测试时发现了一个bug,什么bug呢?就是当在小屏幕的时候,一刷新页面进来,滚动条会根据内容自动的调整大小,但是当你这个时候点开其中一个一级菜单的二级菜单时就会发现滚动条的大小并不会随着二级菜单的展开而动态的改变。就会发现你打开的内容看不完全,甚至看不到。这是个很大的问题,所以我就在想产生这个问题的原因,一开始并没有想到是这个插件的原因,而是觉得是我自己的代码哪里写错了。
后来经过测试发现原因就出在这个滚动条的插件上面,我如果使用原生的滚动条就不存在上述bug,后来就寻找原因发现,这个插件在对于动态改变滚动条这块的写法有误,所以就产生了bug,而它的最新版本已经不存在这个问题了,所以想要仍然美化滚动条的小伙伴们可以下载它的最新版本,而不要下载之前的旧版本。