javascript - .scrollLeft() 方法不起作用

Question

我有一些包含 jQuery 脚本的页面。除了IE，一切都很好。我无法解决滚动问题出在哪里。

整页是一个长水平页面。每次当我更改页面(页面标识符)时，网页应该向左或向右滚动。以下是我如何处理先前按钮操作的一些代码:

$('#previous').click(function() {
        var width = $(window).width();
        var leftOffset = $(document, window).scrollLeft();
        var browser = get_browser();
        hidePaging();

        $((browser == "Firefox" || browser == "msie") ? "html" : "body").animate({
            scrollLeft: page > 2 ? width * 2 : leftOffset - width
            },
            1000, 
            function () {
                page = page > 2 ? 2 : page - 1;
                console.log(page);
                fixPagingAppearance();
            }
        );
    });

我的问题是:“为什么在 IE 中滚动不起作用？!”

感谢回复。

Answer 1

我认为你应该使用$("html,body").animate({--your code--})而不是使用 $("html")或$("body") .

替换这一行:

var leftOffset = $(document, window).scrollLeft();

与

 var leftOffset = $(document).scrollLeft();

适用于 IE。

引用:http://forum.jquery.com/topic/animate-scrollleft-get-problems-in-ie-and-ff