2011-12-20 61 views
2

建立一个水平滑动支持的移动页面, 我想使用css3并且不要弄错它。css3手机刷卡 - 怎么做?

假设我有一个视图,在右侧有一个potentail附加视图, 我想它的初始状态是隐藏正确的div,但是呢?

过渡应该如何进行? (我读Swipe Animation in CSS3,但仍然在蓝色..)

另外,如何保证divs的100%宽度?

<div id="container"> 
    <div id="initial" style="width:100%;float:left;"> 
    initial content 
    </div> 
    <div id="next" class="hide" style="width:100%;float:left;"> 
    additional content on request 
    </div> 

问候,不需要用于在移动站点轻扫运动 //吨

回答

1

CSS3。需要的是一个能够识别实时触摸事件的Javascript库。尝试搜索touchstart touchmove touchend的JQuery示例,或者查看http://jqtouch.com/库。

+0

是的,我使用zepto.js来捕捉触发器并正常工作。问题是关于动画,就像在github代码中滑动一样。 – Teson 2011-12-20 21:43:20

+0

您正在使用的js库是一个未被注意的重要事实。你能发布一个链接到你的代码,以便我们可以复制你的问题? – 2011-12-20 21:57:28