Question

这是我在这里的第一篇文章，在此之前我得到了本论坛和所有用户之前帖子的大力帮助。我现在的问题我无法找到答案。所以：

我有一个对象（按钮），按下时会将用户平滑滚动到页面顶部。我成功地将它固定在屏幕的顶部，但是，让我们说你在页面的底部并按下“smoothscroll按钮”，它开始向上滚动到顶部。但当你“靠近”顶部时，我希望按钮停止并滚动继续......

我不确定如何更好地描述它，但是如果你从页面顶部开始，或者在页面顶部，你没有看到按钮，当你开始向下滚动时，你会看到任何按钮屏幕上的物体“向上攀爬”，当按钮到达屏幕顶部时，它会固定在那里。

我确信这在广告中很常见，例如..

你将如何实现这一目标？任何帮助表示赞赏..

THX，

外行

Answer 1

这似乎是你想要实现的目标。

http://stickyjs.com/

如果你仍然没有留下深刻的印象..这里有一个插件宝藏的链接，可以用很少的代码做你需要的。

http://jquery-plugins.net/tag/sticky-scroll

Answer 2

我的一位同事写了一个插件，当页面滚动到顶部时隐藏了一个按钮。您可以使用类似的逻辑。它会是这样的：

btt.revealPosition = 300;
$(window).scroll(function(){
        if($(window).scrollTop() >= btt.revealPosition){
            //Add a class here that lets the button scroll with the page
        }else{
            //Add a class here that fixes the button to the top of the page

        }
    });

当您滚动回到页面顶部时，它基本上会观察滚动位置。到达按钮的revealPosition后，您可以添加一个类或使用jquery修改css以更改按钮的动作方式。

此逻辑取自以下插件： jquery-backtotop

对象固定在某一点以下

2 个答案: