JS获取/设置滚动距离的方法与兼容写法

JS获取浏览器滚动距离的兼容写法代码如下：

document.documentElement.scrollTop || document.body.scrollTop
document.documentElement.scrollLeft || document.body.scrollLeft

JS获取元素的滚动距离写法如下：

document.getElementsByClassName('editor')[0].scrollTop;
document.getElementsByClassName('editor')[0].scrollLeft;

JS设置元素的滚动距离只需要在上面的获取方式后面加个等号赋值即可：

document.getElementsByClassName('editor')[0].scrollTop=100;
document.getElementsByClassName('editor')[0].scrollLeft=100;

也可以使用ScrollTo()方法进行设置

// x与y分别填入数值即可，如果超出了上限即滚动到最下放停止
document.getElementsByClassName('editor')[0].scrollTo(x, y)

拓展个毫无关联的抛物线公式：

公式：

y = axx + b*x + c

系数：

a 决定开口方向，a>0，开口向上，a<0，开口向下，a越大开口越小
a 先固定取值，如：a = 0.01
b
c

两个点：起点、终点

y1 = a * x1 * x1 + b * x1 + c
y2 = a * x2 * x2 + b * x2 + c

y1-y2 = a * x1 * x1 - a * x2 * x2 + b * x1 - b * x2
==> b = ((y1 - y2) - (a * x1 * x1 - a * x2 * x2)) / (x1 - x2);
==> c = y1 - (a * x1 * x1 + b * x1)