Scroll to element in Iscroll

Question

I Trying to use the scroll to element function in the jquery mobile Iscroll
But its not working
This is what my script looks like
I tried here 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');
    });

you dont need iscroll to scroll to specfic _y_ position, use `$.mobile.silentScroll(y);` — Omar, Jan 30 '14 at 12:33
@Omar I have tried here its not working http://jsfiddle.net/cX4bk/1/ — Suresh Pattu, Jan 30 '14 at 13:53

score 0 · Answer 1 · edited May 23 '17 at 11:49

You are almost there, the call to scrollTo is missing an argument. It is defined as:

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

Here is a jFiddle that scrolls to a clicked item: http://jsfiddle.net/CKSYJ/73/

Basically, the code is:

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

Some useful answers to similar questions can be found here:

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

Jquery Mobile go back button scrolls to top

Scroll to element in Iscroll

1 Answers1

Linked