div固定滚动

时间:2012-12-03 05:50:20

标签: css

我了解如何在向下滚动页面时制作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(它的位置是我想要的,但我没有修复它,所以它不跟我一起滚动)

fixed = http://screensnapr.com/v/aLbYHE.png(它的位置是我不想要的,但它是滚动的)

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

2 个答案:

答案 0 :(得分:0)

是的,absolute会打败你的“滑动”(假设你使用fixed来做到这一点)。 <{1}}将放置一个元素,它将不会移动。

我假设你在谈论评论按钮。在没有看到任何代码的情况下,我无能为力,但您可以做的是将absolute 置于中以absolute方式移动的父元素。

答案 1 :(得分:0)

使用position:fixed就是你想要的。

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

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