这篇文章主要介绍了jQuery实现移动端下拉展现新的内容回弹动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
jQuery移动端下拉展现新的内容动画回弹,供大家参考,具体内容如下
jquery的方法,写的比较细,可以改成原生的这里就不做修改了, 话不多说上代码, 也可以改成下拉刷新
顶部回弹 html,body,div,h2{ margin: 0;padding: 0;} html,body { width: 100%;height: 100%;overflow: hidden; } .wrap { width: 100%;height: 100%;overflow: hidden;position: relative; } .hideBox { width: 100%;height: 100%;background-color: #f5f5f5;position: absolute;top: 0;left: 0;overflow-y: auto;} .hideBox h2 { width: 100%;margin-top: 20%;font-size: 16px;text-align: center; } .top { width: 100%;height: 100%; position: absolute; top: 0;left: 0;z-index: 2;background-color: #fff;overflow-y: auto;text-align: center;} .moveBox {background-color: #1a84dd;color: #fff;width: 100px;height: 100px;text-align: center;line-height: 100px;border-radius: 50%;cursor: pointer; -webkit-user-select: none;-moz-user-select: none;margin: 0 auto;} .moveIn { transition: all 1s ease-in; }这是隐藏层的内容
这是隐藏层的内容
这是隐藏层的内容
这是隐藏层的内容
这是隐藏层的内容
这是隐藏层的内容
这是隐藏层的内容
这是隐藏层的内容
这是隐藏层的内容
这是隐藏层的内容
这是隐藏层的内容
这是隐藏层的内容
移动块移动块移动块移动块移动块移动块移动块移动块移动块移动块移动块
以上就是jQuery实现移动端下拉展现新的内容回弹动画的详细内容,更多请关注本站其它相关文章!