如何操作用户滚动？

Question

我需要用下一种方式操纵用户滚动：

当用户在某些 <section> 中他只能缓慢滚动，然后如果他将达到该部分的 ~80%，则自动滚动到下一个 <section>

的顶部

详细解释： 我需要减慢元素内的滚动速度（在我的例子中是 <section>），如果 <section> 的视图滚动超过 80%，则滚动到下一节的顶部。

主要问题是如何减慢滚动速度。如何在当前的 80% 后滚动到下一部分不太重要。

Answer 1

您可以使用 jquery 滚动 up/down 或滚动到一个元素。

你可以说：

if ($(this).scrollTop() > 100)
{
    // do some thing 
}

我也是这样计算身高百分比的：

var h = (($("#one").height())*80/100);

参见 jsfiddle： https://jsfiddle.net/q36fLcaa/