iOS系统(iPad、iPhone)不支持iframe或div出现滚动条,这个问题困扰了我好久,终于在网上发现了解决办法。
iScroll.js,一个纯js文件,用于解决上述问题。
这里有几种不同的特效:Pinch / ZoomPull up/down to refreshImproved speed and momentumSnap to elementCustomizable scrollbars
滚动特效:
滚动刷新:两指缩放:滚动切换:自定义滚动条样式:#wrapper { position: absolute; z-index: 1; top: 45px; bottom: 48px; left: 0; width: 100%; background: #aaa; overflow: auto; } #scroller { position: absolute; z-index: 1; /* -webkit-touch-callout:none;*/ -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; padding: 0; }
内容