Question

我需要在我的网站上实现滚动功能当我向下滚动时，文档将滚动到我想要的固定位置。
例如：

$(“.scroll-block”).scrollTop(250);

我意识到了这个功能。伪代码：

when (scrollTop > 0)
do (scrollTop(250))

但滚动是固定的。任何滚动操作都不起作用但我有三个街区。我想保留滚动到所有三个块的可能性。我怎么能这样做？

P.S。：对不起我可怕的英语。这是我在这个沟通平台上的第一篇文章 P.S.S。：关于英语的第一个主题。

Answer 1

注册滚动回调，如下所示：

jQuery(window).scroll(scrollCallback);

在回调中，您可以获得滚动位置，并在特定高度执行任何操作。

function scrollCallback(){
    //gets the current windows scroll top value
    var scrollPos = jQuery(window).scrollTop();

    //get the position of the top of the elements you want to trigger actions on.
    var first = jQuery('the-element-you-want-to-select1').position().top;
    var second = jQuery('the-element-you-want-to-select2').position().top;

    if(scrollPos > first){
        //do something for first height
    }else if(scrollPos > second){
        //do something for second height
    }
    ..
    ..
}

如何添加此滚动功能？

1 个答案: