Jquery函数.offset在IE中输出的问题

Question

我对 jquery 和 javascript 以及网站整体开发都很陌生，并且我在 .offset 函数方面遇到了问题。我有以下代码在 chrome 和 FF 上工作正常，但在 IE 上不起作用：

$(document).keydown(function(k){  
    var keycode=k.which;  
    var posk=$('html').offset();  
    var centeryk=screen.availHeight*0.4;  
    var centerxk=screen.availWidth*0.4;  
    $("span").text(k.which+","+posk.top+","+posk.left);  
    if (keycode==37){  
        k.preventDefault();  
        $("html,body").stop().animate({scrollLeft:-1*posk.left-centerxk})  
    };  
    if (keycode==38){  
        k.preventDefault();  
        $("html,body").stop().animate({scrollTop:-1*posk.top-centeryk})  
    };  
    if (keycode==39){  
        k.preventDefault();  
        $("html,body").stop().animate({scrollLeft:-1*posk.left+centerxk})   
    };
    if (keycode==40){
        k.preventDefault();
        $("html,body").stop().animate({scrollTop:-1*posk.top+centeryk})
    };  
});  

我想要它做的是使用箭头键将窗口滚动设定的百分比，所以我的想法是找到左上角的当前坐标并添加相对于用户屏幕的百分比并设置滚动动画，以便内容不会跳跃并且用户不会从原来的位置失去焦点。 $("span").text 只是为了让我知道发生了什么，并且在代码完成时将其转换为注释。

所以这就是发生的情况，在 Chrome 和 Firefox 上，位置变量的 $("span").text 的输出是正确的，从 0,0 开始，并且始终显示在坐标中滚动了多少内容，但在 IE 上它从 -2,-2 开始并且永远不会离开它，即使我手动滚动窗口直到它结束并尝试使用右箭头键它仍然会返回 -2,-2 的初始值并向后滚动到一开始。

我尝试用 document.body.scrollLetf 和scrollTop 的偏移量替换，但结果是相同的，只是这次坐标是0,0。我做错了什么吗？或者这是一些 IE 错误？有没有办法解决它或我可以使用其他一些函数并达到相同的结果？

另一方面，我在网站的这一部分为用户做了另外两个导航选项，一个是单击并拖动屏幕上的任意位置以移动它：

$("html").mousedown(function(e)
{
    var initx=e.pageX
    var inity=e.pageY
    $(document).mousemove(function(n)
    {   
        var x_inc= initx-n.pageX;
        var y_inc= inity-n.pageY;
        window.scrollBy(x_inc*0.7,y_inc*0.7);
        initx=n.pageX;
        inity=n.pageY
        //$("span").text(initx+ "," +inity+ "," +x_inc+ "," +y_inc+ "," +e.pageX+ "," +e.pageY+ "," +n.pageX+ "," +n.pageY);

    // cancel out any text selections
    document.body.focus();

    // prevent text selection in IE
    document.onselectstart = function () { return false; };
    // prevent IE from trying to drag an image
    document.ondragstart = function() { return false; };

    // prevent text selection (except IE)
    return false;
    });
});

$("html").mouseup(function()
{
    $(document).unbind('mousemove');
});

我没有编写的这段代码的唯一部分是防止文本选择行，这些是我在关于单击和拖动对象的教程中找到的，无论如何，这段代码在 Chrome、FireFox 和 IE 上运行良好，尽管在 Firefox 和 IE 上，拖动时更经常发生一些运动故障，有时看起来“滚动”是一个小锯齿状的，它只是一个视觉上的东西，并没有那么重要，但如果有办法阻止它，我想知道。

Answer 1

好吧，我刚刚解决了我的问题，将 posk 变量更改为

    var poskt=$(document).scrollTop(); 

并为scrollLeft 添加一个新的 var，这样代码在 Chrome、FF 和 Internet Explorer 上的行为相同