功能.animate百分比不起作用

Question

我在我的网站右侧和左侧有这个导航按钮，但当我尝试使用百分比时它不起作用，它只接受其中的像素。

HTML：

simpl

JS：

<span class='leftArrow' id="left" value='left'><i class="fa fa-chevron-left fa-2x"></i></span>
<span class='rightArrow' id="right" value='right'><i class="fa fa-chevron-right fa-2x"></i></span>

CSS：

$(function () {

    $("#right, #left").click(function () {
        var dir = this.id == "right" ? '+=' : '-=';
        $(".wrapper").stop().animate({ scrollLeft: dir + '100%' }, 1000);
    });

});

有人能给我一个灯吗？ 感谢

Answer 1

calculate_CS仅接受像素，请参阅：

http://www.w3schools.com/jsref/prop_element_scrollleft.asp

尝试：

scrollLeft