标题说我在使用CSS属性-webkit-overflow-scrolling:touch时滚动/拖动内容时遇到内容变得隐藏的问题.
为了一个基本的了解,这里是我的标记
- <div class="page">
- <div class="section_title">Title</div>
- <div class="items">
- <div class="item">...Text and Image...</div>
- <div class="item">...Text and Image...</div>
- <div class="item">...Text and Image...</div>
- </div>
- <div class="section_title">Title</div>
- <div class="items">
- <div class="item">...Text and Image...</div>
- <div class="item">...Text and Image...</div>
- <div class="item">...Text and Image...</div>
- </div>
- </div>
和CSS:
- .page {
- width: 320px;
- height: 366px;
- overflow: scroll;
- overflow-x: hidden;
- -webkit-overflow-scrolling: touch;
- }
代码本身效果很好,我可以滚动内容,但是当我滚动/拖动时,项目div内的所有内容都被隐藏.任何人都遇到这个问题,解决了它,还是只是Mobile Safari的标准行为来节省内存,没有什么可以做的呢?
任何帮助是赞赏:-)