diff options
| author | amy <[email protected]> | 2023-02-02 12:33:10 -0600 |
|---|---|---|
| committer | amy <[email protected]> | 2023-02-02 12:33:10 -0600 |
| commit | 6fe86a8f6ee6fba8c0ada2f3fd773ad7d6cfac05 (patch) | |
| tree | d639eae3d17be0c13fafcc78367f46690886088f | |
| parent | b435cdd7e7a37a6de08ae8f741bd2c2cbc35baa2 (diff) | |
vert scroll done
| -rw-r--r-- | display.html | 21 |
1 files changed, 14 insertions, 7 deletions
diff --git a/display.html b/display.html index 68272a7..adf411c 100644 --- a/display.html +++ b/display.html @@ -276,7 +276,7 @@ } }) let temp - + let scrolling = false for (let ii = 0; ii != elec.length; ii++) { if (elec.item(ii).className == 'content-root') { @@ -295,11 +295,15 @@ if (elec.item(ii).children.item(iiiii).className == 'content-content') { //console.log(elec.item(ii).children.item(iiiii), "hi") + con = elec.item(ii).children.item(iiiii) + elec.item(ii).onscroll = ((ev) => { - let aaaa = (elec.item(ii).clientHeight - elem.clientHeight) - let scro = (elec.item(ii).scrollTop / (elec.item(ii).scrollHeight - elec.item(ii).clientHeight)) - //console.log(aaaa, (elec.item(ii).scrollHeight - elec.item(ii).clientTop)) - elem.style.top = scro * aaaa + "px" + if (!scrolling) { + let aaaa = (elec.item(ii).clientHeight - elem.clientHeight) + let scro = (elec.item(ii).scrollTop / (elec.item(ii).scrollHeight - elec.item(ii).clientHeight)) + //console.log(aaaa, (elec.item(ii).scrollHeight - elec.item(ii).clientTop)) + elem.style.top = scro * aaaa + "px" + } }) } } @@ -328,14 +332,17 @@ document.onmouseup = null document.body.style.cursor = 'initial' elem.style.cursor = '' + scrolling = false }) document.onmousemove = ((evm) => { - + scrolling = true let z = (elem.offsetTop - (py - evm.clientY)) //let b = (elem.clientHeight - elem.offsetTop - (py - evm.clientY)) //console.log(elem.clientHeight/2 - elem.offsetTop - (py - evm.clientY)) - if (z > -1 && z < elem.parentElement.clientHeight - elem.clientHeight) + if (z > -1 && z < elem.parentElement.clientHeight - elem.clientHeight) { elem.style.top = z + "px" + con.parentElement.scrollTop = ((z / (elem.parentElement.clientHeight - elem.clientHeight)) * (con.scrollHeight - elem.parentElement.clientHeight)) + } py = (evm.clientY) }) }) |