Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 使用scrollTo沿x轴移动_Jquery_Jquery Plugins_Scrollto - Fatal编程技术网

Jquery 使用scrollTo沿x轴移动

Jquery 使用scrollTo沿x轴移动,jquery,jquery-plugins,scrollto,Jquery,Jquery Plugins,Scrollto,好了,最后一个问题 我正在创建一个水平的公文包网站,我正在寻找一些帮助,使用scrollTo插件创建一个下一个/上一个风格的导航,供用户浏览图像 我的HTML是: <div id="contentRight"> <ul id="direction"> <li id="next"><a id="forward">Next</a></li> &l

好了,最后一个问题

我正在创建一个水平的公文包网站,我正在寻找一些帮助,使用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>
不幸的是,单击“前进”或“后退”时,表tr不会移动

有人知道为什么吗


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

我似乎犯了一个错误,在滚动窗口时尝试滚动表格是我实际需要做的!工作jQuery如下所示:

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

看起来我犯了一个错误,当滚动窗口是我真正需要做的事情时,我试图滚动表格!工作jQuery如下所示:

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

不要放弃!!试试这个,让我看看这是你想要的吗


刚刚修改了你上一篇文章中的代码,看一看不要放弃!!试试这个,让我看看这是你想要的吗


刚刚修改了你上一篇文章中的代码,看看

,谢谢你这个家伙,我没有放弃,只是想出了一个替代方法,让一切都能正常工作。非常感谢你的帮助。谢谢这个家伙,我没有放弃,只是想出了一个替代的方法来让一切顺利。非常感谢你的帮助。