Question

我现在几乎把它打包了。我想知道如何解决这个问题。

我有这个帖子评论按钮（它滚动完美）然而，即使你甚至没有超过它的点，它也会很快滚动。实例：

http://www.krissales.com/#/media/38.Testing-Another-One-Yo

我拥有的CSS是：

<div style="float:right;position:fixed;right:14%;padding-top:35px;" style="top: 0px;">
      <a href="_lib/forms/comment.php?id=<?php echo $article_id; ?>" class="-button silver" rel="facebox"><span class="-paper">Post Comment</span></a>
 </div>

你知道我怎么能解决这个问题吗？如果你仍然不明白，基本上当我在页面的顶部，并且我只是滚动一点，“发表评论”栏移动，我不希望它移动直到我越过该区域，然后它应滚动。

谢谢！

Answer 1

首先，给按钮一个类并删除内联样式，因为这是不好的做法。其次，创建第二个类，当您想要修复它时，您将附加它。为了让您更好地理解我的意思，请测试以下代码：

HTML：

<div class="box"></div>
<div class="box">
    <div class="testBox">test</div>
</div>
<div class="box"></div>

的CSS：

.box { height:500px; }
.testBox { background-color:#000000; color:#FFFFFF; width:100px; height:30px; }
.textBoxFixed { position:fixed; top:0; }

的javascript：

$(function() {
    $(document).scroll(function() {
        var scrollFromTop = $(document).scrollTop();
        if (scrollFromTop >= 500) {
            $('.testBox').addClass('textBoxFixed');
        } else {
            $('.testBox').removeClass('textBoxFixed');
        }
    });
});

Answer 2

阅读此link，您需要的是js和css之间的混合固定和div周围的相对位置以及当div到达顶部时读取（通过jquery）

css滚动太快了

2 个答案: