2014-01-30 303 views
0

我試圖用滾動到元件功能在jQuery Mobile的Iscroll
但它不工作
這是我的腳本是什麼樣子
我想在這裏MyJsfiddle滾動到元素Iscroll

$('[data-role="content"]').trigger('create'); 
$(".scroll-wrapper").iscrollview(); 
$(".scroll-wrapper").iscrollview('refresh'); 

    $('.chequeBanks').click(function(){ 
     $(".scroll-wrapper").iscrollview('refresh'); 
     var bankId=$(this).val(); 
     $('.accNumber').html($('.chequeBankDetailsSec .bankId-'+bankId+' .number').html()); 
     $('.details').show(); 
     $('.details').show(); 
     var x = $('.details').offset().left; 
     var y = $('.details').offset().top; 
     $(".scroll-wrapper").iscrollview("scrollTo", x,y, '1'); 
    }); 
+0

你不需要iscroll滾動到特定的_y_位置,使用'$ .mobile.silentScroll(y);' – Omar

+0

@Omar我在這裏試過它不工作http://jsfiddle.net/cX4bk/1/ –

回答

0

你幾乎在那裏,撥打scrollTo的電話缺少一個參數。它被定義爲:

$("#scrollobject").iscrollview("scrollTo", x, y, time, relative); 

這裏是一個jFiddle是滾動到單擊項目:http://jsfiddle.net/CKSYJ/73/

基本上,代碼:

$('#test-list li').on('click', function(){ 
    var pos = $(this).prev().offset().top; 
    //alert(pos); 
    $('#example-iscroll').iscrollview('scrollTo', 0, pos, 0, true); 
    $('#example-iscroll').iscrollview('refresh'); 
}); 

到類似的問題的一些有用的答案可以發現這裏:

jQuery Mobile prevent scroll-to-top before page transition?

Jquery Mobile go back button scrolls to top