js自定义滚动条

bar.onmousedown = function (event) {
const pageY = event.pageY || event.clientY + event.scrollTop
let barTop = pageY - box.offsetHeight - bar.offsetHeight
if (barTop < 0) {
barTop = 0
} else if (barTop > scroll.offsetHeight - bar.offsetHeight) {
barTop = scroll.offsetHeight - bar.offsetHeight
}
bar.style.top = barTop + ‘px’
const rate =
(content.offsetHeight - box.offsetHeight) /
(sroll.offsetHeight - bar.offsetHeight)
const contentPos = -barTop * rate + ‘px’
contentPos.style.top = contentPos
window.getSelection
? window.getSelection().removeAllRanges()
: window.getSelection().empty()
}
document.onmouseup = function () {
document.onmousemove = null
}