私はphonegapアプリケーションを開発していて、iScroll 4を使って自分のページをスクロールしようとしています。 Web上で正常に動作しますが、デバイス/シミュレータでテストするとスクロールがスムーズに動作しません。私がデバイス画面に触れると、私のli要素がすでにクリックされています。下にスクロールすると、スクロールのようには見えません。ここでiScrollがiPhoneでスクロールしない
は、私がiScrollのウェブサイトを形成取りましたスクリプトです:
function onDeviceReady(){
var myScroll;
function loaded() {
myScroll = new iScroll('wrapper');
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
document.addEventListener('DOMContentLoaded', function() { setTimeout(loaded, 200); }, false);
document.addEventListener('DOMContentLoaded', loaded, false);
}
、ここでは次のように私のリストのスタイルがどのように見えるかです:私はすべてが正しいと思う
<div id="wrapper">
<div id="scroller">
<ul id="thelist">
<li>
<div class="item">
<div class="arrow"></div>
<div class="score"><a href="#">98 <span>score</span></a></div>
<div class="job-title">Expert UI/UX Designer</div>
<div class="detail">
at <span>Hewlett Packpard</span> - 30 connections
</div>
<div>
<a href="#" class="button-arrow"></a>
</div>
</div>
</li>
</ul>
</div>
</div>
、見てみましょうここ http://rodrigoparra.com/bright/pages/dashboard.html
と同じアプリのiScrollのサンプル::ライブページ http://rodrigoparra.com/bright/simple/index.html
デバイスでテストすると、最初のデバイスが動作せず、2番目のデバイスが正常に動作することがわかります。 何が間違っているかわからない:\
私はそれを修正することができますか?
おかげでみんな
感謝の男、:D。 –
@Keyurを修正してください。 Scroll Viewのコンテンツサイズを設定する必要があります。 [scroll setContentSize:<#(CGSize)#>]を使用します。方法。 – Hemang