Question

上的div

向右滚动效果很好但我无法滚动到左侧内容。

在这段代码中，我认为我滚动屏幕将html和body转换为内容，就像我在另一边做的那样。

var screen_position =0;

var height=$(window).height()-$('.header').height()-$('.footer').height()-95;

$('.content').css('max-height', height);

$('a.toright').on('click', function(event) {
    var screen_width=$(window).width();
    var divwidth = $('.backgroundright').width();

    if( screen_position == 0) { 
        $('html, body').animate({ scrollLeft: screen_width}, 800);
        screen_position=screen_width; 
        $('.backgroundright').animate({'right': screen_width-divwidth}, 800);
    }
    else {
        screen_position = screen_position-screen_width;
        $('html, body').animate({ scrollLeft: screen_position}, 800);
        $('.backgroundright').animate({'right': 0}, 800);
    }



    event.preventDefault();
    //console.log(screen_position);
});

$('a.toleft').on('click', function(event) {
    var screen_width=$(window).width();
    var divwidth = $('.backgroundleft').width();

    if( screen_position == 0) { 
        $('html, body').animate({ scrollLeft: 0-screen_width}, 800);
        screen_position=screen_width; 
        $('.backgroundleft').animate({'left': 0-screen_width}, 800);
    }
    else {
        screen_position = screen_position-screen_width;
        $('html, body').animate({ scrollLeft: 0}, 800);
        $('.backgroundleft').animate({'left': 0}, 800);
    }



    event.preventDefault();
    //console.log(screen_position);
});

感谢您的建议。

Answer 1

您的代码有效。我只是简单地将'＃34;滑动的位置移到左边＆＃34; div所以它在正确的页面上，一切似乎都运行良好。它被留下：0;它现在已经离开了：100％;

此处更新了CSS：

.hometoleft {
    background: url("/svilla/img/homepagetoleft.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 407px;
    left: 100%;
    position: absolute;
    top: 30%;
    width: 124px;
    z-index: 1;
}

如何向左滚动屏幕（如-100％）

1 个答案: