Question

除了我正在使用jQuery Mobile 1.0之外，我的问题与this one几乎相同。整个项目已经编写完成，我不想将其更新为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);

<强> Demo

Answer 2

非常感谢你！现在有了完美的感觉。对于那些阅读这篇文章的人，我也像这样在顶部添加了一个偏移量：

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

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

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

2 个答案: