Javascript – Ideen für die Implementierung der JS-Bildlaufleiste

Question

Das Vue2.0-Bildlaufleisten-Plugin wurde nicht gefunden. Ich wollte JS verwenden, um die Bildlaufleiste zu implementieren. Ich würde gerne fragen, ob irgendein Meister den Scroll-Barcode manuell geschrieben hat? Oder gibt es einen entsprechenden Blog? Es ist kein Code erforderlich, nur eine grundlegende Implementierungsidee ist in Ordnung

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滚动条插件

自己写的，可以用，有问题可以再沟通