在jquery中添加/删除类并滚动到元素[关闭]答案

【问题标题】：add/remove class in jquery and scroll to element [closed]在jquery中添加/删除类并滚动到元素[关闭]
【发布时间】：2014-11-02 17:22:33
【问题描述】：

如何在 jquery 中单击按钮后滚动页面。在滚动到 div 后的菜单 (li) 中，我想添加类“活动”。如何执行此操作以及单击后如何滚动到元素。全部在 jquery 中。
这就是我尝试做的事情

    function scrollToPosition('#menu') {
    if ("#menu" !== undefined) {
        $("li.m_top").addClass('active')
        $("li.m_top").removeClass('active')
        $("#menu").scrollTo()
    });

}}
<div id="menu">
        <ul class="menu_top">
            <a href="#home">
            <li class="m_top">
                home
            </li></a>
            <a href="#about">
            <li class="m_top">
                about
            </li></a>
            <a href="#galery">
            <li class="m_top">
                galery
            </li></a>
            <a href="#xxx">
            <li class="m_top">
                xxx
            </li></a>
            <a href="#contact">
            <li class="m_top">
                contact
            </li></a>
        </ul>
    </div>
    <div class="clear"></div>
    <div id='home'>

    </div>
    <div id='about'>

    </div>
    <div id='galery'>

    </div>
    <div id='xxx'>

    </div>
    <div id='contact'>

    </div>

【问题讨论】：

我们不是来编写您所有的代码，但是我们可以帮助您整理现有代码。如果您有一些无法正常工作的 jquery，请发布它以便我们提供帮助。请注意，您想要做的事情很容易被搜索到。

标签： jquery class add scrollto

【解决方案1】：

您可以使用此 jquery 代码来执行您想要的操作

$("li").click(function(){
 $("li").removeClass("active");
 $(this).addClass("active");
 $("body").animate({ scrollTop: $("#"+$(this).text().trim()).offset().top },3000);




});

查看我为您创建的 js fiddle 示例

jsFiddle

【讨论】：