0

我了解如何在向下滚动页面时制作 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>

absolute = http://screensnapr.com/v/Z93gKl.png（它的定位是我想要的，但我没有固定它，所以它不会和我一起滚动）

fixed = http://screensnapr.com/v/aLbYHE.png（它的定位方式是我不想要的，但它正在滚动）

你们会碰巧知道我做错了什么吗？

4

2 回答 2

0

是的，absolute会打败你的“滑动”（假设你习惯fixed这样做）。 absolute将把一个元素放在那里，它不会移动。

我假设您正在谈论评论按钮。在没有看到任何代码的情况下，我帮不上什么忙，但是您可以做的是将其absolute 放置在以某种fixed方式移动的父元素内。

于 2012-12-03T05:55:38.230 回答
0

使用position:fixed是你想要的。

您遇到的问题是right:25px声明现在意味着“距离浏览器窗口的右边缘 25px”。

您需要将该“正确”值更新为 50%，然后使用类似的属性margin-left并将按钮推到正确的位置。

于 2012-12-03T05:56:29.413 回答