滚动到Iscroll中的元素

时间:2014-01-30 06:02:24

标签: jquery jquery-mobile uiscrollview iscroll4 iscrollview

我试图在jquery mobile Iscroll中使用scroll to element函数 但它没有工作
这就是我的剧本的样子 我在这里试过 MyJsfiddle

$('[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');
    });

1 个答案:

答案 0 :(得分: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