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