css - 防止 CSS 页脚滚动

Question

#bottom_fade {
            position: absolute;
            bottom: 0;
            width: 100%;
            background: url("bottom-fade.png");
            background-repeat:repeat-x;
            height: 400px;
            z-index: 2;
            }
        .categories {
            position: absolute;
            left: 50%;
            color:black;
            word-wrap: break-word;
            font-family: 15px 'Libre Baskerville', serif;
            margin-left: -200px;
            z-index: 1;
            }
        .categories td {
            width: 200px;
            }

您可能会在此处看到上述代码的结果。尝试调整浏览器窗口的大小，以便您不得不滚动查看表格中的整个文本。

当您滚动时，您可能会看到它#bottom_fade不会停留在页面底部，而是会跟随您的滚动。我不希望这种情况发生：我怎么能说 bottom_fade 始终保持连接到浏览器窗口的底部，无论滚动条发生什么情况？

非常感谢！

Answer 1

改变

#bottom_fade {
        position: absolute;
}

到

#bottom_fade {
        position: fixed;
};

它应该像一个魅力。

（顺便说一句，效果不错！）