Question

我正在使用jquery进行水平滚动动画的项目，目前效果非常好。

我的问题是当网站翻译从右到左的语言时，水平滚动需要从右向左移动。

$('body').animate({scrollRight:200},150);

上述代码不起作用。如何在左右方向上设置水平滚动动画

Answer 1

您是否无法检测到页面方向并基于该向左或向右滚动？即。

function getStyle(el,styleProp){
    var x = document.getElementById(el) || document.body;
    if (x.currentStyle)
        var y = x.currentStyle[styleProp];
    else if (window.getComputedStyle)
        var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
    return y;
}

if (getStyle(null,'direction') == 'ltr'){
    $('body').animate({scrollLeft: -200},150);
} else {
    $('body').animate({scrollLeft:200},150);
}

PS：jQuery scrollRight?

Jquery窗口水平滚动动画，从右到左方向

1 个答案: