css滾動得太快

我現在已經把它打包了。只是一件我想知道如何解決的事情。css滾動得太快

我有這個帖子的評論按鈕（它完全滾動），但是，即使你甚至沒有超過它的要點，它滾動過快。活生生的例子：

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>

會你們知道我怎麼會去修復呢？如果你仍然不明白，基本上當我在頁面的頂部，並且我滾動一點，「發表評論」欄會移動，我不希望它移動，直到我通過該區域，那麼它應該滾動。

謝謝！

來源

2012-12-03 TrippedStackers

可我知道做ü要移動的「後評價」 BTN，如果是，什麼時候？ – Selvamani

首先，給按鈕一個類並刪除內聯樣式，因爲這是不好的做法。其次，創建第二個課程，當你想修復它時，你會附上。這樣就可以更好地理解我的意思，測試下面的代碼：

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-03 08:45:57 zeMinimalist

嘿，哥們，我試過了。但它不起作用。 http://jsfiddle.net/fvqq9/ – TrippedStackers

你已經在你的網站上安裝了jQuery，所以我使用jQuery。在你發佈的jsfiddle鏈接上，你正在使用mootools。將左側的選擇更改爲最新版本的jQuery，它就可以工作。 – zeMinimalist

閱讀本link，你需要的是js和css之間的固定和相對位置的組合，圍繞div和讀取（的jQuery）當div達到頂峯

來源

2012-12-03 08:46:42 wandarkaf

css滾動得太快

回答

相關問題