使用浏览器自带的overflow-yscroll;需注意的问题

设置

html,body{

    height:100%;

}

显示滚动区域的窗口必须写上overflow-x:Hidden;

body{

    height: 100%;

    overflow-x: hidden;

}

要滚动的区域scroll设置

.scroll{

    overflow-y: scroll;
    height: 100%;

}

如果底部有fixed元素，则设置scroll里的盒子container为

.container{

     margin-botttom:40px;

}

注意:这个盒子里的内容是有高度的，不能用position:absolute;

如果有弹出层的话，在iphone4里会出现滑动问题，所以有弹出层的话，当点击弹出的时候把body的属性改为overflow:hidden;