javascript - 将scrollTop转换为增量值

Question

这实际上只是一个数学问题，但我不知道如何做。我想使用 scrollTop 慢慢降低对象的不透明度。因此，当 scrollTop == 1 时，我希望 opacity 为 1，scrollTop == 2，我想要 不透明度为.99，scrollTop == 3，不透明度.98。有人可以帮我做数学吗？非常感谢任何帮助。

Answer 1

如果您想要准确回答您所问的问题，那么您可以执行以下操作:

var position = window.pageYOffset;
var opacity = Math.max(0, 1 - (position / 100));

正如其他评论者所建议的，这会导致滚动 100px 后不透明度达到 0。