利用mui实现开发web页遇到问题

开发中遇到的问题

1.用mui的框架，超出屏幕就隐藏了，底下的看不见了，没有滚动条？

解决方案：页面要引用common.js

iOS平台使用滚动的div ：id="dcontent" class="sdcontent " 或者 id="content" class="scontent "

2. 界面的嵌套，实现两部分界面，上面一部分界面为固定界面不能滚动操作，下面一部分界面根据加载出来的数据可实现上下滚动操作？

解决方案：仿mui下拉刷新demo实现两个界面的不同操作

因为上面的界面是要促发按钮进而加载数据显示到下面的界面上，所以分成两个页面来操作，第一个页面主要是显示内容，第二个页面显示加载的数据，如下图：

第二个页面操作：内容加载同刷新子页面，可是本页面要避免出现有下拉刷新，上拉加载更多的样式出现，所以在下拉刷新、上拉加载的js下需设置：

//下拉刷新、上拉加载

pullRefresh: {

container: '#pullrefresh',

up: {

callback: function() {

mui('#pullrefresh').pullRefresh().endPullupToRefresh();

}

}

}

注意：在第一个页面预加载第二个页面的时候记得设置顶部和底部的高度，顶部的高度是根据你上面界面所占本页面的高度（固定的高度值）；底部的高度值设为”-40px”，目的是为了将上拉加载的样式隐藏掉，不在本页面显示，这样显示出来的数据刚好在底部。如下图所示：

https://download.csdn.net/download/shimeifang11/10284568