jquery - 如何操作用户滚动？

Question

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

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

详细解释: 我需要减慢元素内的滚动速度(在我的例子中是 <section> )并且如果 <section> 的 View 滚动超过 80% 滚动到下一节的顶部。

主要问题是如何减慢滚动速度。如何在当前的 80% 后滚动到下一节就不那么重要了。

Answer 1

您可以使用 jquery 向上/向下滚动或滚动到某个元素。

你可以说:

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

我也这样计算高度百分比:

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

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