自定义滚动条——实现滚动条长度随着内容变化

Question

最近在写一个自定义滚动条，基本功能都已经做出来，能够正常使用了。但是碰到一个难点，始终想不出有什么很好的解决方法，就是实现滚动条长度随着内容变化。比如内容已经渲染好了，但是用户经过某些增删改的操作，使总体内容增加了，这时候滚动条肯定也要随着比例改变。因为我希望做到的是当内容改变时，自动去触发改变滚动条高度的回调。不过去找了很多网上的滚动条插件，都没有解决我说的问题。要么没有实现，要么需要开发者手动来调用。不知道有没有写过的人可以提供一点思路给我，卡了一天了。ε=(´ο｀*)))唉（我觉的应该要依靠原生的scroll进行监听，但是不知道如何去触发这个监听，element中用自己造出来一个div置于最底部实现，然后监控scroll，不过没想通原理）

Answer 1

每次用户修改内容后，只要获取父级容器的高度，然后设置给滚动条就可以了吧。不知道你的滚动条是怎么实现的呢，我用一个div模拟一下吧。demo