在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 自定義滾動條——實現(xiàn)滾動條長度隨著內(nèi)容變化

自定義滾動條——實現(xiàn)滾動條長度隨著內(nèi)容變化

最近在寫一個自定義滾動條,基本功能都已經(jīng)做出來,能夠正常使用了。

但是碰到一個難點,始終想不出有什么很好的解決方法,就是實現(xiàn)滾動條長度隨著內(nèi)容變化。比如內(nèi)容已經(jīng)渲染好了,但是用戶經(jīng)過某些增刪改的操作,使總體內(nèi)容增加了,這時候滾動條肯定也要隨著比例改變。

因為我希望做到的是當內(nèi)容改變時,自動去觸發(fā)改變滾動條高度的回調(diào)。不過去找了很多網(wǎng)上的滾動條插件,都沒有解決我說的問題。要么沒有實現(xiàn),要么需要開發(fā)者手動來調(diào)用。

不知道有沒有寫過的人可以提供一點思路給我,卡了一天了。ε=(′ο`*)))唉
(我覺的應(yīng)該要依靠原生的scroll進行監(jiān)聽,但是不知道如何去觸發(fā)這個監(jiān)聽,element中用自己造出來一個div置于最底部實現(xiàn),然后監(jiān)控scroll,不過沒想通原理)

回答
編輯回答
任她鬧

每次用戶修改內(nèi)容后,只要獲取父級容器的高度,然后設(shè)置給滾動條就可以了吧。不知道你的滾動條是怎么實現(xiàn)的呢,我用一個div模擬一下吧。
demo

2017年12月11日 21:44
編輯回答
心夠野

比方說,

容器高度 100,
內(nèi)容一行為50,
總共4行,
滾動條高度=(100/4*50)*100

如果現(xiàn)在變成5行,

滾動條高度=(100/5*50)*100

所以需要在客戶插入內(nèi)容成功時,修改滾動條的高度;

2017年1月29日 01:26