如何在html上向左滚动？

Question

我正在建立一个单一的网页网站。我有一些常见的网站内容，比如:服务，投资组合，联系，博客等等。

如果有人单击“services”、“portfolio”和“contact”的导航菜单，它会滚动到用户想要的项目。通常情况下，这是上下滚动，所以没有问题。

我的想法是，当用户想去博客，它滚动到右边，或使博客的推送效果从右到左。很清楚我有工作。问题是，当我在最后一节，也就是联系，这是在页面的底部。如果我想去博客，它是滚动到顶部，然后向右看博客。

我假装把那个卷轴移到顶部，然后做一个正确的滚动，然后从顶部看到博客部分。

知道怎么处理这件事吗？还是有一个独立的html文件会更好呢？

编辑

http://jsfiddle.net/VS9dS/20/

从博客滚动到任何部分和/或从任何部分向上或向下移动。

$('html, body').animate({scrollLeft: -$(sectionName).offset().left}, "slow");
$('html, body').animate({scrollTop: $(sectionName).offset().top}, "slow");

从任何部分滚动到博客：

$('html, body').animate({scrollTop: $(sectionName).offset().top}, "slow");};
$('html, body').animate({scrollLeft: $(sectionName).offset().left}, "slow");

由于时间不够，我没有添加太多代码。现在正在编写我的代码，如果我在联系人部分，我点击博客联系人，它滚动到顶部，然后滚动到博客部分，博客部分看起来像一个完全不同的html。我想要做的是，如果我在联系部分，循环到博客，只需做一个左滚动，显示博客的顶部，同样的方式，如果我是在服务，家

Answer 1

如果我把你说对了，你只想先把一件事变成另一件事，你就可以这样做：

$('html, body').animate({
    scrollTop: $(sectionName).offset().top
}, "slow", function () {
    $('html, body').animate({
        scrollLeft: $(sectionName).offset().left
    }, "slow");
});

...or，我可以再试一次，在滚动到顶部后，你想要将滚动到右边的滚动动画化。然后你就可以这样做：

$('a[href=#blog]').click(function () {
    $('html, body').animate({
        scrollTop: $('#home').offset().top
    }, "slow", function () {
        $('html, body').animate({
            left: '-=200px'
        }, "slow",'linear'); //looks better I guess
    });
});

CSS：

body {
    position: relative;
}

小提琴：http://jsfiddle.net/Matze/eRNde/

http://api.jquery.com/animate/#basic-usage