09 2013 档案

摘要：问题:总是有这样的需求，就是页面上某部分要位于页面的最底部，此“最底部”要求：（1）当页面上内容不足一屏的时候，在最底部显示（2）当页面上内容不止一屏的时候，也就是有垂直滚动条的时候，要在内容的最后显示最容易想到的定位方法：（1）position:absolute position:absolute;bottom:0;left:0此种方法只能把该元素定位到第一屏的最底部，它并不会随着滚动条的出现跑到内容的最后面去。满足（1）不满足（2）（2）position:relative此种方法只能满足（2），不能满足（1），当然要满足（1）的话，可以配合使用js, 思路是利用JS计算屏幕高度，减去底部高 阅读全文

摘要：小伙伴们是不是经常在手机上见到“转场"的情况，手机上的页面转换已经不像pc上整体的页面跳转，很多都是利用动画平滑地在页面之间的切换。那么如何来做页面之间的转换呢？首先要明确的是,所谓的页面之间的切换其实是单页里面元素的切换。比如如 下图所示，中间center部分就是当前在视口区域的，也就是我们能看到的，而两边的就是我们现在看不到，但是随时待命的区域。切换的思路很简单:就是利用CSS的动画效果，左右切换元素，让用户只能看到中间可视区域的内容。所以思路就是：（1）把需要切换到可视区域的部分放在动画的起始位置（2）利用CSS3的动画，开始滑动（3）滑动到指定的位置当然在实现中，开启利用CS 阅读全文