沒有找到Vue2.0滾動(dòng)條插件，我想用JS實(shí)現(xiàn)滾動(dòng)條，在網(wǎng)上找到了幾個(gè)滾動(dòng)條實(shí)現(xiàn)的JS插件。求問哪位大神自己手動(dòng)寫過滾動(dòng)條代碼嗎？或者有相關(guān)的博客嗎？不需要代碼，只需要說個(gè)基本的實(shí)現(xiàn)思路就OK了
4
0
0
認(rèn)證高級(jí)PHP講師
首先結(jié)構(gòu)
<p class="wrapper">//包裹
<p class="content">
//內(nèi)容
</p>
</p>css就不講了，我們需要根據(jù)內(nèi)容的高度計(jì)算出 滾動(dòng)條的高度，然后就是保證在滾動(dòng)事件觸發(fā)后內(nèi)容元素和滾動(dòng)條的運(yùn)動(dòng)。
為了兼容 你需要考慮 mousewheel 和 touch 事件，基本上就這么多吧。
1.不使用js做浮動(dòng) 對(duì)象樣式position:fixed。但沒有懸浮效果。
2.對(duì)象js做浮動(dòng)，對(duì)象樣式absolute 。對(duì)對(duì)象綁定scroll事件，判斷對(duì)象位置于窗口頂部距離，可以用scrollTop做移動(dòng)。好多這類方法，可以從網(wǎng)上找找看
