div模拟滚动条

如果内容有误，还请留言帮我指出，非常感谢

有木有觉得window下浏览器默认的滚动条很丑？

特别是在黑色风格的网站中 用iframe嵌套或者overflow：auto 出现滚动条的时候

那么我们来模拟一个滚动条吧

 demo01

说明：  1.content元素不能有border 如果有10px的border 把滚条拖到最下面后 将有10px内容看不到  2.调用方式：scrollFuc('content','nr','scroll_con','scroll_box');不足：  此版本没有抽象出对scrollBox高度的设置 因为在nr有变化时 将会对scrollBox高度进行再设置 比如ajax请求改变内容----------------------------------

 demo02

说明：  	1.content元素不能有border 如果有10px的border 把滚条拖到最下面后 将有10px内容看不到  	2.此版本抽象出对scrollBox高度的设置 但是调用方式有所改变：   	scrollFuc('content','nr','scroll_con','scroll_box');//启动函数	  scrollBoxH('content','nr','scroll_con','scroll_box');//设置box高度 如果nr有增加或减少 就要再调用这个函数 不足：  	在scrollBoxH函数内部 设置了scroll_box的高度后 会重置nr和滚条的位置为起始位置 在有些情况下是不合理的（改变了nr后 但是不要还要保持nr和滚条的当前位置）

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：div模拟滚动条

关键词：div