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

まず、ボタンにクラスを与え、インライン スタイルを削除します。これは悪い習慣です。次に、修正したいときにアタッチする 2 番目のクラスを作成します。私の言いたいことをよりよく理解できるように、次のコードをテストしてください。

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 に答える