css 滚动太快

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');
        }
    });
});