如何使文本随我滚动？

Question

我无法找到如何执行此操作：如何让我的菜单栏在我向下滚动页面时随我滚动？有可能吗，如果可以，怎么办？这是我的菜单栏代码：

<aside>
                <code>

                    <p class="menu"><a class="menu" href="home.html">Home</a></p>
                    <BR>
                    <p class="menu"><a class="menu" href="#">About</a></p>
                    <BR>
                    <p class="menu"><a class="menu" href="#">Freelance</a></p>
                    <BR>
                    <p class="menu"><a class="menu" href="#">Buy</a></p>
                    <BR>
                    <p class="menu"><a class="menu" href="#">Contact</a></p>

                </code>
            </aside>

请帮助或将我发送到有帮助的资源！

Answer 1

这应该可以帮助您入门。

<ul id=menu>
<li><a href="#L384">Section 1</a>
<li><a href="#details">Section 2</a>
<li><a href="#FAQ">Section 3</a>
</ul>

Css

#menu {
  position: fixed;
  right: 0;
  top: 50%;
  width: 8em;
  margin-top: -2.5em;
}

访问此站点进行演示：http://www.w3.org/Style/Examples/007/menus.en.html

Another example of Top Fixed Menu Bar On Scroll
Menu bar fixed on top while scrolling

Answer 2

使用 position: fixed 设置该菜单的样式并添加 z-index: 999999999; 以确保它始终位于显示屏的顶部。

如何使文本随我滚动？

How do I make text scroll with me?

html

css

animation

scroll

menu