javascript - js滾動條實現思路

Question

沒有找到Vue2.0捲軸插件，我想用JS實作捲軸，在網路上找到了幾個捲軸實現的JS插件。求問哪位大神自己手動寫過滾動條代碼嗎？或有相關的部落格嗎？不需要程式碼，只需要說個基本的實作想法就OK了

Answer 1

首先結構

<p class="wrapper">//包裹
  <p class="content">
    //内容
 </p>
</p>

css就不講了，我們需要根據內容的高度計算出 滾動條的高度，然後就是保證在滾動事件觸發後內容元素和滾動條的運動。
為了相容 你需要考慮 mousewheel 和 touch 事件，基本上就這麼多吧。

Answer 2

好久之前寫了一個，可以將就看一下連結描述

Answer 3

1.不使用js做浮動 物件樣式position:fixed。但沒有懸浮效果。
2.物件js做浮動，物件樣式absolute 。對物件綁定scroll事件，判斷物件位置於視窗頂部距離，可以用scrollTop做移動。好多這類方法，可以從網路找找看

Answer 4

jc捲軸插件

自己寫的，可以用，有問題可以再溝通