html - div 保持在顶部，但应该随站点移动

Question

我在这里疯了。我设计了一个网站，从左到右滚动，但我无法获得每个“页面”滚动的内容。相反，内容贴在上面。请看这里

按钮（带有活塞和信息文本的头骨）应该粘在页面上，如果点击导航则移动

这是代码：

<div id="section_home" class="section_holder1"><!-- BEGIN SECTION "HOME -->
        <div class="container"><!-- BEGIN CONTAINER -->
            <div class="section_content"><!-- Begin Section Container -->
                 <div class="content_container"><!-- Begin Content -->
                    <div class="logo"></div>
                    <div class="separator"></div>
                    <div class="sign1">
                        <a class="readmore"  href="#"></a>
                    </div>
                </div><!-- End Content -->
            </div><!-- End Section Container -->
        </div><!-- END CONTAINER -->
    </div><!-- END SECTION "HOME -->

知道我在这里做错了什么吗？

Answer 1

基本上你的问题在这里：

.sign1 a.readmore {
    display: block;
    width: 65px;
    height: 67px;
    text-indent: -9999em;
    z-index: 999999;
    margin: 0 auto;
    background-image: url(../img/bg-readmore.png);
    position: fixed; /* --> position fixed is not what you're looking for */
    top: 48%;
    right: 43%;
}

Settinsposition:fixed完全按照您所看到的进行（固定元素相对于浏览器窗口的位置..它不再受页面结构的影响），您在中间有来自所有框架的所有按钮。

尝试.sign1 a.readmore使用重新定位position:absolute