javascript - 展开时 jquery mobile 1.0 可折叠集的滚动位置

Question

我的问题与这个问题几乎相同，只是我使用的是 jQuery Mobile 1.0。整个项目已经编写完毕，我不想为了让这个滚动功能与我的可折叠套装一起使用而将其更新到 1.3.2。我可以从链接问题中提供的答案中使用任何可以适应 1.0 的东西吗？

谢谢

Answer 1

无需升级即可使滚动正常工作。只是监听扩展事件的方式不同。

绑定

$(".ui-collapsible").bind("expand", function () {
  /* scroll */
});

代表

$(document).delegate(".ui-collapsible", "expand", function () {
  /* scroll */
});

滚动

var position = $(this).offset().top;

/* scroll with animation */
$("html, body").animate({
    scrollTop: position
});

/* scroll without triggering scroll event */
$.mobile.silentScroll(position);

演示

Answer 2

Thank you so much! Makes perfect sense now. And for those reading this post, I also added an offset to the top like this:

var topoffset = 50;
var position = $(this).offset().top - topoffset;

/* scroll with animation */
$("html, body").animate({
scrollTop: position
});