如何操纵用户滚动?

时间:2016-05-28 09:17:19

标签: jquery html css scroll jquery-animate

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

Scroll example

当某个<section>用户只能慢慢滚动时,如果他达到该部分的约80%,则会自动滚动到下一个<section>的顶部

详细说明: 我需要减慢元素内部的滚动速度(在我的情况下它是<section>),如果<section>的视图滚动超过80%,则滚动到下一部分的顶部

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

1 个答案:

答案 0 :(得分:1)

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

你可以说:

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

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

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

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