网页从右至左滑出效果
本质上是一个独立层（DIV或SECTION等），初始向右对齐，宽度为0，完全打开时变为100%。因此需要定义两个css类。 （初始）关闭状态： .i-page-slide { position: absolute; top: 0; right: 0; z-index: 2; width: 0; height: 100%; background-color: #f5f5f5; overflow-x: hidden; overflow-y: auto; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; -webkit-transform: translateX(100%); transform: translateX(100%); } 开启状态： .i-page-open { width: 100%; -webkit-transform: translate(0); transform: translate(0); } 因此打开浮动页面的方法是： dom.addClass('i-page-open') 关闭的方法则是： dom