How do I make text scroll with me?

Question

I'm having trouble finding out how to do this: How do I make my menu bar scroll with me as I scroll down the page? Is it possible, if so, how? here is my code for my menu bar:

<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>

Please help or send me to sources that will help!

I don't think anybody will be able to answer it with the current information. — Stickers, Mar 11 '15 at 00:58

score 1 · Accepted Answer · edited Mar 11 '15 at 07:18

1

set the style of that menu with position: fixed and add z-index: 999999999; to make sure its always on top of the display.

edited Mar 11 '15 at 07:18

Lea Cohen

7,990
18
73
99

answered Mar 11 '15 at 01:46

Juliver Galleto

8,831
27
86
164

score 0 · Answer 2 · edited May 23 '17 at 10:27

This should get you started.

<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;
}

visit this site for demo: http://www.w3.org/Style/Examples/007/menus.en.html

How do I make text scroll with me?

2 Answers2