我了解如何在向下滚动页面时制作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(它的位置是我不想要的,但它是滚动的)
你会碰巧知道我做错了什么吗?答案 0 :(得分:0)
是的,absolute
会打败你的“滑动”(假设你使用fixed
来做到这一点)。 <{1}}将放置一个元素,它将不会移动。
我假设你在谈论评论按钮。在没有看到任何代码的情况下,我无能为力,但您可以做的是将absolute
置于中以absolute
方式移动的父元素。
答案 1 :(得分:0)
使用position:fixed
就是你想要的。
您遇到的问题是right:25px
声明现在意味着'距离浏览器窗口右边缘25px'。
您需要将该“正确”值更新为50%,然后使用margin-left
之类的属性并将按钮按到正确的位置。