服务热线
15617359779
15617359779
前段时间,在做项目的时候 ,遇到了需要修改滚动条的样式,而滚动条默认的样式比如下图:
原始滚动条样式
这与设计图的样式是不一致的,然后就需要修改滚动条的样式了,首先给样式名为 ”.zpxq”的 div 设置高度宽度,超出显示滚动条,再设置滚动条的样式。例如下图:
河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销
CSS代码1
实现效果
这样就可以改变滚动条的样式了,但是后面发现ie和火狐会存在不兼容的情况。
河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销
这样,如果只是部分兼容就行的,那么可以用,比如下图:
CSS代码2
ie的:
河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销
CSS代码3
如果是想要兼容还是需要用到js,引入插件
代码4
河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销
如果没有想要的样式主题,可以自己定义一个主题,再写上需要的样式。这样写下来,感觉还是很简单的,就是兼容的问题需要考虑,引用插件就可以解决兼容的问题了,今天这样记录下来,留着以后以防忘记的时候可以查看。
河南亿宏世纪网络科技有限公司,专注于互联网+品牌整合营销,公司拥有专业的互联网管理、运营策划、UI设计、技术开发等团队,专业从事于工业互联网的开发建设。我司拥有成熟的网络技术开发团队,针对网站开发、技术服务、网站风格定位、网站功能优化、网站推广维护等都具备很强的专业技术水平,旨在为客户提供专业的互联网应用解决方案。公司始终秉持着诚信经营、质量为先的经营理念,我们不仅提供优质的网络技术和云端供应链服务,而且还在产品的选择、应用等方面提供专业的咨询与售后服务。