AJAX -停止滚动到顶部后单击事件

AJAX - stop scrolling to top after click event

本文关键字：顶部 单击 事件 滚动 AJAX      更新时间：2023-09-26

我尝试了一些事情来停止在特定ajax事件后滚动页面到顶部，但没有结果。下面是一个例子:

$(".changeviewdispatch > button").each(function () {
    $(this).on("click",function(e) {
        e.preventDefault();
        var clicked_button_val = $(this).val();
        $.ajax({
            type : 'POST',
            url : 'dispatch.php',
            data: {'submitview':clicked_button_val},
            success : function (d) {
                //alert(d);
                window.location.reload(true);
            },
            //error : errorHandler
        });
        return false;
    });
});

点击后页面滚动到顶部…preventDefault和return false不应该工作…

一般问题:我怎么能停止滚动到顶部后的ajax事件?

window.location.reload(true);在您的ajax成功是重新加载页面。滚动条将默认在页面刷新时位于顶部。

在真正的AJAX方式中，如果您希望页面保持静态，那么您需要根据AJAX调用的响应更新页面中的内容。如果您重新加载页面，那么您就错过了要点。

1)在body标签开始后创建mainDiv .

2)把下面的代码(使用jquery)，你想滚动页面

$('html, body').animate({
     scrollTop: $("#mainDiv").offset().top
 }, 2000);
相关文章：