javascript - 将 HTML 内容分解为轮播元素

标签 javascript css sencha-touch sencha-touch-2

我想获取一些任意的 HTML 并将其显示在轮播中,一次显示一个页面。例如,查看文章在纽约时报 iPad 应用程序中的布局方式。我已经使用 -webkit-column-width CSS 属性实现了列布局,如果我添加空轮播元素,它会按预期工作:

http://www.senchafiddle.com/#ea1RR

但是,我需要根据列数以编程方式确定要添加多少虚拟轮播元素。据我所知,无法找到文本的宽度,因为额外的列会溢出并且不会影响元素的大小。对这个问题的任何帮助,或对我可以实现相同功能的其他方式的想法,将不胜感激。

最佳答案

我认为这个解决方案可以适应您的需求:http://www.webdeveloper.com/forum/showthread.php?t=196319

如果您遇到问题,请启动 senchafiddle,以便我检查您的代码

关于javascript - 将 HTML 内容分解为轮播元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12012877/

相关文章:

javascript - 现代浏览器中的非阻塞 javascript 和 css。还需要吗?

javascript - Webpack - 子模块未正确解析

html - jar 宽度:auto expand the div beyond screen width

javascript - 如何在 IE11/Windows 8 中删除样式选择中不需要的填充

jquery - 有没有更好的Android webview

javascript - 使用 localStorage 在 SenchaTouch/PhoneGap -App 中保存/加载设置并以表单形式显示

javascript - 使用 jQuery + PHP 处理表单时出现问题

javascript - 使用 paperJS 调整圆圈大小

javascript - 在超过 1 个 div 中使用相同类型的 javascript

android - MonoTouch 还是 Sencha Touch?