单击时如何让导航栏向下滚动?

时间:2015-10-07 17:31:35

标签: javascript jquery nav

我如何在JavaScript或j Query中执行此操作?我一直试图这样做多年但不能如此,如果你能提供帮助我真的很感激! :)如果你有任何提示或技巧或任何我可能做错的事情,那么如果你也可以提一下那就太好了!

<html>
    <head>
        <title>Redirected</title>
        <link rel="stylesheet" type="text/css" href="style.css" />
        <font face="verdana" />
    </head>

    <body>
        <div class = "title">
            <h1>Redirected.</h1>
        </div>
        <div class = "title-mobile">
            <h1>&#9776; Redirected.</h1>
        </div>
        <div class="title-solgan">
            <p>THE HOME OF GAMING</p>
        </div>


        <div class="nav-bar">
            <ul>
                <li><a href = "index.html">HOME</li></a>
                <li><a href = "news.html">NEWS</li></a>
                <li><a href = "#">REVIEWS</li></a>
                <li><a href = "strategy.html">PLAYSTATION</li></a>
                <li><a href = "strategy.html">XBOX</li></a>
                <li><a href = "strategy.html">PC</li></a>
            </ul>
        </div>

        <div class = "main-story">
            <h1>14 Things Every Steam User Should Know </h1>
        </div>


        <div class = "trending-games">
            <h1> Games Trending </h1>
            <li>Destiny</li>
            <li>Fallout 4</li>
            <li>Mad Max </li>
            <li>Metal Gear Solid </li>
        </div>

        <div class="latest-game-news">
            <h1>Latest Game News </h1>
            <li>Minecraft Will Support Oculus VR Next      Year</li>
            <li>Fallout 4 Meets Grand Theft Auto 5 in Latest PC Mod</li>
            <li>Halo 6: 343 Says Sequel is in the 'Planning'     Stage</li>
            <li>The Sims Boss Leaves EA</li>
        </div>

        <div class="more-game-news">
            <h1>More Game News</h1>
            <li>Xbox Free Games With Gold October 2015</li>
            <li>EA Working on Netflix for Games</li>
            <li>Assassin's Creed Syndicate's New Story   Trailer</li>
            <li>Uncharted 4 Delayed</li>
        </div>
        <footer>This is a sticky footer</footer>
    </body>
</html>

0 个答案:

没有答案