Javascript 单击时,如何使导航栏向下滚动?

Javascript 单击时,如何使导航栏向下滚动?,javascript,jquery,nav,Javascript,Jquery,Nav,在JavaScript或jquery中如何实现这一点?我已经尝试这么做很多年了,但是做不到,所以如果你能帮助我,我将不胜感激此外,如果你有任何提示或窍门或任何我可能做错的事情,那么如果你也能提到这一点,那就太好了 <html> <head> <title>Redirected</title> <link rel="stylesheet" type="text/css" href="style.css"

在JavaScript或jquery中如何实现这一点?我已经尝试这么做很多年了,但是做不到,所以如果你能帮助我,我将不胜感激此外,如果你有任何提示或窍门或任何我可能做错的事情,那么如果你也能提到这一点,那就太好了

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

那么,你已经试过什么了?你的javascript不是缺失了吗?是的,但我搞错了。你可以使用jQuery,我已经尝试了很久了。嗯……说真的?堆栈溢出是教程序员钓鱼的,我的意思是比喻性的,但我们应该停下来,对字面解释笑一会儿。我们倾向于帮助那些表现出愿意自助的人。即使错误,我们也会询问更多细节,这样我们就可以看到您的尝试,告诉您哪里出了问题,并解释答案,以便您更好地为未来做好准备。这里没有人会从头开始为您编写解决方案,或者至少他们不应该这样做。