0

我现在几乎把它收拾好了。只是一件快速的事情，我想知道如何解决。

我有这个帖子评论按钮（它可以完美滚动）但是，即使您甚至没有超过它的意义，它也会滚动得太快。现场示例：

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>

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

谢谢！

4

2 回答 2

0

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

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');
        }
    });
});
于 2012-12-03T08:45:57.730 回答
0

阅读此链接，您需要的是 js 和 css 固定和相对位置之间的混合，并在到达顶部div时读取（通过 jquery）div

于 2012-12-03T08:46:42.170 回答