1

我修改了iScroll触摸滚轮的一个版本。它是在您下载库时根据示例文件中的轮播演示修改的。

我需要将滚动浏览每个项目时显示的文本居中,当它到达列表末尾时,它应该正确地循环回到第一个项目。这是默认行为。

我得到了第一个文本项目的居中,但它只需在当前所选项目中的文本中心以及选择另一个项目时,它会在居中中断文本时,这也将捕捉返回到第一个元素效果,当完成列表时。我通过简单地添加一个边距来做到这一点 margin:0 250px

修改后的滚动条示例在这里:http: //jsfiddle.net/egfx/5TswV/2/show/

错误代码:http: //jsfiddle.net/5TswV/3/

图书馆在这里:https ://github.com/cubiq/iscroll/tarball/master

我的分辨率:1600x1200

我正在寻找适合任何容器和资源的可拉伸解决方案。

谢谢。

4

1 回答 1

1

这是您的问题:您的 Li 比您的容器小,如果您找到一种方法使 li 与容器的宽度相同,那么一切都会正确对齐。

http://fiddle.jshell.net/5TswV/5/show/

http://fiddle.jshell.net/5TswV/5/

使用 jQuery:

$('#scroller li').width($('#wrapper').width());
$(window).resize(function(){$('#scroller li').width($('#wrapper').width())});
于 2011-10-27T05:45:55.570 回答