ajax停止页面滚动

时间:2014-03-15 10:51:30

标签: jquery ajax

我正在使用ajax从服务器检索数据,当我进行ajax调用时,我会显示带有动画图像的叠加div,

一切都工作得很好,但每当我打一个ajax电话时,我都会遇到问题。我的页面滚动到顶部,我使用此代码停止滚动,

function startAjax() { // calling before ajax call
    $('html, body').css('overflow','hidden');
}

function stopAjax() { // calling after ajax call
    $('html, body').css('overflow','auto'); 
}

它做了魔术,但我又遇到了一个问题,我在我的页面中使用了datepicker,并且自动溢出启用了滚动功能,我的日期选择器被淹没在屏幕上,

请给我任何好主意来实现这一目标。

1 个答案:

答案 0 :(得分:1)

如果它滚动到顶部,可能是由于你使用href属性为#

的链接(?)引起的

如果您正在使用链接,只需使用return falseevent.preventDefault();即可阻止其遵循href属性:

$(document).on("click", "#link", function(e) {
    e.preventDefault().
    //or
    return false;
});