时间戳

首页 > 解决方案 > 计算滚动以在自定义栏上按比例显示

javascript - 计算滚动以在自定义栏上按比例显示

问题描述

我有一个自定义水平滚动组件，需要计算与内容块成比例的整个滚动，滚动指示总是与框成比例移动，以便滚动的开始是第一个内容元素位于顶部时视图并在最后一个内容元素可见时到达末尾。

我在这里做了一个钢笔模型，显示代码 https://codepen.io/baxgas/pen/ExZOMqz

我认为这部分计算不正确，但不知道最佳解决方案，当然，它适用于不同大小的视口和内容大小

  const scrolldistance = (scrollcheck / diverLength) * 10;

这是给这里的大小

  if (scrollcheck > distancefromStart) {
    $progressing.css("padding-top", Math.round(scrolldistance));
  }

标签： javascriptjqueryscroll

解决方案

推荐阅读