Question

如何在jquery中单击按钮后滚动页面。在滚动到div之后的菜单（li）中我想要添加类＆＃34;活动＆＃34;。如何执行此操作以及单击后如何滚动到元素。全部在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>

Answer 1

您可以使用此jquery代码执行所需的操作

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




});

查看我为您创建的js小提琴示例

jsFiddle

在jquery中添加/删除类并滚动到元素

1 个答案: