【问题标题】:Jquery window horizontal scroll animate with right to left directionJquery窗口水平滚动动画从右到左方向
【发布时间】:2014-03-04 08:42:18
【问题描述】:

我正在开发一个使用 jquery 进行水平滚动动画的项目,它目前运行良好。

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

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

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

【问题讨论】:

    标签: jquery scroll window jquery-animate


    【解决方案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?

    【讨论】:

    • 没有。我可以检测到,我的问题是 $('body').animate({scrollRight:200},150); 不适合我
    • 抱歉,显然你可以在两个方向上使用 scrollLeft,看看链接的答案。
    • 是的,我必须使用 scrollLeft,scrollRight 根本不工作,tnx
    猜你喜欢
    • 1970-01-01
    • 2012-04-07
    • 2014-07-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-08-12
    相关资源
    最近更新 更多