Прокрутите внутри div в UIWebView, как это делает iAd - PullRequest
Новая
       9

Прокрутите внутри div в UIWebView, как это делает iAd

0 голосов
/ 08 февраля 2011

предположим, что UIWebView работает в полноэкранном режиме, html & css выглядит так: 

<body><div id="wrapper" style="height:320px;width:460px;-webkit-box-sizing:border-box;display:block;overflow-x:none;overflow-y:scroll;">
    <ol style="width:100%;">//Its height is much bigger than 320px
    /* blablablablablabla */</ol>
</div></body>

Когда UIWebView UIScroller.bounces = YES установлен, страница просто подпрыгивает вверх и вниз, без прокрутки для <ol/>.

Когда в UIWebView UIScroller.bounces = NO установлено значение, страница просто выглядит как замороженная, независимо от того, как к ней прикоснулись.

Что я хочу: <ol/> прокручивается так же, как прокрутка UIWebView.

В тесте iAd есть пример этого эффекта. Вы можете увидеть это здесь: http://xiaolife.com/table_view_plain_declarative.html(I установите его на моем собственном сайте, используйте safari для просмотра и установите UA как мобильное сафари), однако инфраструктуру iAd нельзя использовать непосредственно в UIWebview, и iAd кажется мне слишком сложным .

Эффект Apple практически такой же, как и у UIWebView, включая отскок и полосу прокрутки.

Но теперь я просто хочу, чтобы <ol> был прокручиваемым по крайней мере, пока я не знаю, как: (

Ответы [ 2 ]

2 голосов
/ 14 сентября 2012

Теперь вы можете сделать это, намного лучше 

<div style="height:50px; overflow:scroll; -webkit-overflow-scrolling: touch;"> 
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br> 
</div>
2 голосов
/ 08 февраля 2011

Слава богу, я наконец нашел этот маленький код, и он прекрасно работает с полосой прокрутки и отказов (не так-то просто заставить его работать)

...