Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/xcode/7.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
Javascript 如何使用jQuery创建动态水平滚动?_Javascript_Jquery Ui_Jquery - Fatal编程技术网

Javascript 如何使用jQuery创建动态水平滚动?

Javascript 如何使用jQuery创建动态水平滚动?,javascript,jquery-ui,jquery,Javascript,Jquery Ui,Jquery,我想为我们的产品创建一个幻灯片视图,但我不想一次加载所有产品。我想在用户单击“下一步”之前和之前以及单击“下一步”时缓冲1页,将所有内容向右移动,并从以前的页面(如FIFO)中删除第二个DIV。所以我总是需要在#content类PREVIOUS、CURRENT和NEXT中有3个div。差不多!非常感谢您的帮助。我做了所有其他的事情,但这部分花费的时间太长:(我已经为您制作了一个样本,请尝试一下@ 希望它能有所帮助:)到目前为止,您尝试了什么方法?我试图使用一个名为jQuery.ScrollTo的

我想为我们的产品创建一个幻灯片视图,但我不想一次加载所有产品。我想在用户单击“下一步”之前和之前以及单击“下一步”时缓冲1页,将所有内容向右移动,并从以前的页面(如FIFO)中删除第二个DIV。所以我总是需要在#content类PREVIOUS、CURRENT和NEXT中有3个div。差不多!非常感谢您的帮助。我做了所有其他的事情,但这部分花费的时间太长:(

我已经为您制作了一个样本,请尝试一下@


希望它能有所帮助:)

到目前为止,您尝试了什么方法?我试图使用一个名为jQuery.ScrollTo的jQuery插件使其工作,并使用AJAX加载内容,但运气不好。我在服务器上使用带有MVCArch的PHP,我有一个接受json对象并返回结果的搜索类。对于每个视图(我现在正在处理滑块视图),我传递搜索参数、所选视图和页面产品限制(用于分页)它将返回该页面的内容。尝试将代码添加到问题中……这将为人们提供一些可以处理的内容。通过在JQuery中使用一些AJAX调用,可以相对轻松地实现这一点。例如,您只需从.php页面异步加载“新”部分,传递一些参数,例如
item\u from=1&item\u to=5
。因此,制作一个长长的项目列表,只显示中心(使用CSS)。如果用户滑动,请删除移动中心视图的一些项目,并附加通过AJAX加载的新项目。完成!