div固定卷軸

Question

我知道如何在向下滾動頁面時製作div滑塊。但是我很難這樣做。

如果我這樣做它的工作原理： http://screensnapr.com/v/aLbYHE.png

但是，這是設置爲「固定」的位置，但我想它留下來作爲「絕對」，因爲絕對它會留在它的div會是這樣的： http://screensnapr.com/v/Z93gKl.png

但是，然後由於某種原因帶走了滾動。這裏的CSS位：

<div style="float:right;position:absolute;right:25px;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> 

絕對= http://screensnapr.com/v/Z93gKl.png（它是如何定位就是我想要的，但我沒有固定它，所以它不是我滾動）

固定= http://screensnapr.com/v/aLbYHE.png（如何它的定位是我不想要的，但它是滾動的）

你會碰巧知道我在做什麼錯？

Answer 1

是的，absolute將打敗你的「滑動」（假設你使用fixed來做到這一點）。 absolute將放置一個元素在那裏，它不會移動。

我假設你正在談論評論按鈕。在沒有看到任何代碼的情況下，我無法提供什麼幫助，但是您可以做的是將其與位於內的absolute定位在一個以fixed方式移動的父元素。

Answer 2

使用position:fixed是你想要的。

您遇到的問題是right:25px聲明現在意味着'距離瀏覽器窗口的右邊緣25px'。

您需要將該「正確」值更新爲50％，然後使用像margin-left這樣的屬性，然後將按鈕按入正確的位置。