移动端内容区域滚动做法实例教程

自己的总结的一些方法，如果有什么新的好的方法希望能够交流：

　　　　　　1.给定位(导航栏)(底部)

　　　　　　　　nav{

　　　　　　　　　　position:fixed;

　　　　　　　　　　top:0rem;

　　　　　　　　};

　　　　　　　　footer{

                         position:fixed;

　　　　　　　　　bottom:0rem;

　　　　　　　 };

但是这个方法会有弊端，在你给nav设置定位时，内容区域就会顶头出现，就需要给内容区域设置定位设置top值nav的高度方可。

2.使用IScroll插件。

   例如：　　　

　　　　　　

头部导航

• 我是内容区域


• 我是内容区域


• 我是内容区域


• 我是内容区域


• 我是内容区域


• 我是内容区域


• 我是内容区域


• 我是内容区域


• 我是内容区域


• 我是内容区域


• 我是内容区域


• 我是内容区域


• 我是内容区域


• 我是内容区域


• 我是内容区域


• 我是内容区域

底部

3.第三那种弹性盒子：弊端(会改变nav的高度)；

　　

头部

• 内容区域


• 内容区域


• 内容区域


• 内容区域


• 内容区域


• 内容区域


• 内容区域


• 内容区域


• 内容区域


• 内容区域


• 内容区域


• 内容区域

底部

　　

如果还有其他好的方法，希望能一起交流；

以上是移动端内容区域滚动做法实例教程的详细内容。更多信息请关注PHP中文网其他相关文章！