沒有找到Vue2.0捲軸插件,我想用JS實作捲軸,在網路上找到了幾個捲軸實現的JS插件。求問哪位大神自己手動寫過滾動條代碼嗎?或有相關的部落格嗎?不需要程式碼,只需要說個基本的實作想法就OK了
认证高级PHP讲师
首先結構
<p class="wrapper">//包裹 <p class="content"> //内容 </p> </p>
css就不講了,我們需要根據內容的高度計算出 滾動條的高度,然後就是保證在滾動事件觸發後內容元素和滾動條的運動。 為了相容 你需要考慮 mousewheel 和 touch 事件,基本上就這麼多吧。
好久之前寫了一個,可以將就看一下連結描述
1.不使用js做浮動 物件樣式position:fixed。但沒有懸浮效果。 2.物件js做浮動,物件樣式absolute 。對物件綁定scroll事件,判斷物件位置於視窗頂部距離,可以用scrollTop做移動。好多這類方法,可以從網路找找看
jc捲軸插件
自己寫的,可以用,有問題可以再溝通
首先結構
css就不講了,我們需要根據內容的高度計算出 滾動條的高度,然後就是保證在滾動事件觸發後內容元素和滾動條的運動。
為了相容 你需要考慮 mousewheel 和 touch 事件,基本上就這麼多吧。
好久之前寫了一個,可以將就看一下連結描述
1.不使用js做浮動 物件樣式position:fixed。但沒有懸浮效果。
2.物件js做浮動,物件樣式absolute 。對物件綁定scroll事件,判斷物件位置於視窗頂部距離,可以用scrollTop做移動。好多這類方法,可以從網路找找看
jc捲軸插件
自己寫的,可以用,有問題可以再溝通