400-800-9385
网站建设资讯详细

网站制作之修改页面滚动条的样式

发表日期:2019-10-12 14:43:57   作者来源:林志平   浏览:2663   标签:网站制作    
前段时间,在做项目的时候 ,遇到了需要修改滚动条的样式,而滚动条默认的样式比如下图:

原始滚动条样式

这与设计图的样式是不一致的,然后就需要修改滚动条的样式了,首先给样式名为 ”.zpxq”的 div 设置高度宽度,超出显示滚动条,再设置滚动条的样式。例如下图:
 

CSS代码1



实现效果

这样就可以改变滚动条的样式了,但是后面发现ie和火狐会存在不兼容的情况。
这样,如果只是部分兼容就行的,那么可以用,比如下图:

CSS代码2

ie的:

CSS代码3

如果是想要兼容还是需要用到js,引入插件

代码4

如果没有想要的样式主题,可以自己定义一个主题,再写上需要的样式。这样写下来,感觉还是很简单的,就是兼容的问题需要考虑,引用插件就可以解决兼容的问题了,今天这样记录下来,留着以后以防忘记的时候可以查看。
如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/5362.html