css3移动刷卡-如何操作?

css3移动刷卡-如何操作?,css,Css,构建支持水平滑动的移动页面, 我想使用css3,但还没有掌握窍门 假设我有一个视图,右侧有一个潜在的附加视图, 我猜它的初始状态应该是隐藏正确的div,但是呢 过渡应该如何进行? (我已经读过了,但仍然是蓝色的.) 另外,如何保证div的100%宽度 <div id="container"> <div id="initial" style="width:100%;float:left;"> initial content </div> &l

构建支持水平滑动的移动页面, 我想使用css3,但还没有掌握窍门

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

过渡应该如何进行? (我已经读过了,但仍然是蓝色的.)

另外,如何保证div的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>

初始内容
根据要求提供其他内容
问候,,
//t

移动站点上的滑动动作不需要CSS3。所需的是一个Javascript库,可以识别实时触摸事件。尝试搜索touchstart touchmove touchend的JQuery示例,或者您可以查看库。

是的,我使用zepto.js捕捉触发器并正常工作。问题是关于动画,就像在github代码扫描中一样。您使用的js库是一个重要的事实,但没有注意到。你能发一个链接到你的代码,这样我们就可以复制你的问题吗?