jquerymobileでiscrollを使用する

私はjquerymobile in phonegapを使ってアプリを構築しています。私は固定ヘッダー、フッター、スクロール可能なコンテンツを達成するためにコードを次のように使用していますiscroll.js。問題は私がコンテンツdivをスクロールできないことです。 Plsは私を助ける。jquerymobileでiscrollを使用する

enter code here<body onload="loaded()"> 
<div data-role="page" id="detail"> 
    <div class="fixedHeader"> 
     </div> 
     <div id="wrapper" > 
       <div id="scroll-content"> 
     <div data-role="content"> 
     <!-- dynamic content goes here --> 
     dynamic content goes here 
    </div> 
    </div> 
    </div> 
    <div class="fixedFooter" ></div> 
</div>

#wrapper { 
    position:absolute; z-index:1; 
    top:45px; bottom:48px; left:0; 
    width:100%; 

    overflow:auto; 
} 
#scroller { 
    position:relative; 
/* -webkit-touch-callout:none;*/ 

    float:left; 
    width:100%; 
    padding:0; 
}

Javascriptコード

var myScroll; 
function loaded() { 

    myScroll = new iScroll('wrapper', { 

onBeforeScrollStart: function (e) { 
var target = e.target; 
while (target.nodeType != 1) target = target.parentNode; 

if (target.tagName != 'SELECT' && target.tagName != 'INPUT' && target.tagName != 'TEXTAREA') 
e.preventDefault(); 
} 
}); 
} 

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); 
document.addEventListener('DOMContentLoaded', loaded, false);

出典

2012-02-28 user969275

どこjsのコードはありますか？ – ghostCoder

pageloadedイベントでiscrollをリフレッシュしましたか？ –

私はjsコード – user969275

i got iscroll working in jquerymobile by editing js as 

    var myScroll = []; 

    $(document).delegate('[data-role="page"]', 'pageshow', function() { 

     var $page = $(this); 

     // setup iScroll 
     $($page.find('#wrapper')).each(function(index) { 

      var scroller_id = $(this).get(0); 

      myScroll.push(
       new iScroll(scroller_id, { 

       useTransform: false, 
       onBeforeScrollStart: function (e) { 
var target = e.target; 
while (target.nodeType != 1) target = target.parentNode; 

if (target.tagName != 'SELECT'&& target.tagName !='option'&& target.tagName !='option' && target.tagName != 'INPUT' && target.tagName != 'TEXTAREA') 
e.preventDefault(); 
e.stopPropagation(); 
} 

      })); 
    }); 

}); 

$(document).delegate('[data-role="page"]', 'pagehide', function() { 

    // unset and delete iScroll 
    for (x in myScroll) 
    { 
     myScroll[x].destroy(); 
     myScroll[x] = null; 
     myScroll.splice(x, 1); 
    } 

}); 

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

出典

2012-03-07 04:17:53 user969275

を更新しました。選択フィールドが機能していません.pls help me – user969275

jquerymobileでiscrollを使用する

答えて

関連する問題