对象固定在某一点以下

这是我在这里发表的第一篇文章，在此之前，我从这个论坛和所有用户以前的post中获得了巨大的帮助。 我现在的问题我无法找到答案。 所以：

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

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

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

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

谢谢，

外行

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