滚动到Iscroll中的元素
我试图在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'); });
你几乎就在那里,对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在页面转换之前阻止滚动到顶部?
Jquery Mobile返回按钮滚动到顶部