Question

完成滑动后，我有一些奇怪的内容。我添加了：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

到我的代码的头部，但随后整个页面跳出了滑动

我的解决方案是什么？

这是我的代码以防万一：

$("#contentbottom").slideUp(500, function() {
var dataString = 'type='+t;
$.ajax({
    type: "POST",
    url: link,
    data: dataString,
    success: function(msg)
    {
        $("#contentbottom").empty().append(msg);
    },
    error: function (XMLHttpRequest, textStatus, errorThrown)
    {
        alert('error: unable to load the additonal info');
    },
    complete: function()
    {
        $("#contentbottom").slideDown(500);
    }
});
});

Answer 1

我的猜测是，在没有看到任何标记的情况下，$("#contentbottom").empty().append(msg);填充了AJAX响应，导致浏览器闪存/向下滚动到新内容，然后返回到顶部。

如果你没有任何CSS样式来隐藏#contentbottom元素，那么这可能是一个部分问题。在AJAX调用之前，Yu可以在你的slideUp处理程序中执行$('#contentbottom').hide()，然后在成功处理程序中执行$("#contentbottom").empty().append(msg).show() ...

Jquery slideUp闪烁问题

1 个答案: