使用scrollTo沿x轴移动

Question

对了，最后一个问题！

我正在创建一个水平组合网站，并正在寻求一些帮助，使用scrollTo插件来创建下一个/上一个样式导航，以便用户快速浏览图像。

我的 HTML 是：

        <div id="contentRight">

        <ul id="direction">

            <li id="next"><a id="forward">Next</a></li>
            <li id="prev"><a id="back">Previous</a></li>

        </ul>

        <table id="work">

            <tr>

                <td id="horseOneImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td>
                <td id="horseTwoImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td>
                <td id="horseThreeImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td>
                <td id="horseFourImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td>
                <td id="horseFiveImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td>
                <td id="horseSixImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td>
                <td id="horseSevenImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td>
                <td id="horseEightImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td>

            </tr>

        </table> 

    </div>

我当前失败的 jQuery 是：

    $('#forward').click(function() {
    $('table#work tr').stop().scrollTo( '+=636', 800, {axis:'x'} );
});
$('#back').click(function() {
        $('table#work tr').stop().scrollTo( '-=636', 800, {axis:'x'} );
    });

不幸的是，当单击 #forward 或 #back 时，表 tr 不会移动。

有人有什么想法吗？

有关额外信息 - 使用该表格是因为这似乎是没有固定宽度的动态水平网站的最佳实践。

Answer 1

不要放弃！试试这个，让我知道你想要的http://avinash.tk/dan/

刚刚修改了上一篇文章中的代码，看看scrollTo和水平表格

Answer 2

看来我犯了一个错误，尝试滚动表格，而滚动窗口正是我真正需要做的！工作的 jQuery 如下：

$('#forward').click(function() {
    $.scrollTo('+=560px', 800, { axis:'x' });
});
$('#back').click(function() {
    $.scrollTo('-=560px', 800, { axis:'x' });
});