Question

我有一些代码可以让我向上滚动页面。问题是我的一个类创建了向上滚动，但是当我手动尝试向下滚动页面时，它会向上滚动几次！这很常见吗？我该如何解决这个问题？

我的PHP代码片段

$links .= '<a href="#!" class="sidenav-link" default-rel="'.$default_rel.'" rel="'.$rel.'"><i class="fa fa-'.$new_v['icon'].'"></i> '.$new_v['subheader_name'].'</a>';

这是我的jquery函数，它从页面获取内容

function toggleContent(selector, event)
{   
    var queryString = createQueryString(selector);

    $.ajax({ 
        url: 'ajaxLoad.php?'+queryString,
        method: 'GET',
        success: function(response) {

            $("#page-wrapper .container-fluid").html(response.html);
            eval($(response.js).text());

            //optional msg
            var information = $(selector).attr("information");
            var danger = $(selector).attr("danger");
            if (!information == "")
            {
                displayInformation(information);
            }
            if (!danger == "")
            {
                displayDanger(danger);
            }
            //reset msg
            $(selector).attr("information","");
            $(selector).attr("danger","");

            // run specific code
            if (typeof runSpecific == 'function') 
            { 
                runSpecific(selector, event); 
            }

            // scroll up 
            $(".btn, .list-group-item, .sidenav-link").on("click",function(){
                $("html, body").animate({ scrollTop: 0}, 300);                                              
            }); 
        }
    });

    // reset rel
    $(selector).attr('rel', $(selector).attr('default-rel') );
}

请注意.btn和.list-group-item不会产生此问题，只会创建.sidenav-link。

Answer 1

好的，完美的，我找到了一个完美的解决方案。我所要做的就是在animate（）函数之前添加stop（）函数！

滚动变得生涩

1 个答案: