Javascript 在网页中创建自制滚动条

多年来，我一直在使用javascript和jquery控制自制滚动条之类的东西时遇到问题。我使用mousedown将“dragging”变量设置为true，保存初始鼠标位置，然后使用mousemove跟踪鼠标并设置div位置。我将所有内容设置为“拖动”，这样一旦用户放开鼠标，或移动到足够远的地方，“拖动”就会被清除，所有内容都停止跟踪

问题是，我很难确定他们什么时候放开鼠标。我当然使用mouseup和mouseout，但这有两个问题。一个是，我希望用户能够在被滚动的div之外漫游一小部分，比如10像素，而不会丢失跟踪。另一个问题是，有时我错过了一个事件，“拖动”保持不变，鼠标“卡在div上”，他们很难放手

---

我需要一个解决方案。它可以是一些插件，也可以是一种编码技术。这些年来，我使用了许多不同的技术，但我从未得到过一个简单的完美解决方案。

请不要这样做，除非你有非常具体的理由。不要做什么？我必须做一个自定义的滚动条，我的客户拒绝显示标准的丑陋的滚动条。谷歌在其所有网站上都使用自定义栏。谷歌这样做并不意味着它有助于提高可用性。如果你的客户担心滚动条。。。那么祝你好运。：-）做你必须做的。从可用性的角度来看，+1“自定义”滚动条几乎总是可怕的：滚轮支持、点击区域等。我相信谷歌实际上是在使用gmail的

-webkit-*

属性，而不是滚动它们自己的属性。在所有浏览器中都有与-webkit-*等价的属性吗？Gmail适用于所有浏览器。顺便说一句，我的滚动条一直支持滚动轮、点击区域等。我在网上看到自定义滚动条。肯定有人能回答我的问题。