Jquery mobile 如何使用jquery mobile为可折叠对象的打开和关闭设置动画？

我正在使用Jquery mobile并做一些定制工作

默认的可折叠对象似乎会立即“显示”隐藏的内容，我觉得这对用户有点不友好。如果按钮在屏幕底部，而隐藏的内容在屏幕外，那么用户可能不知道发生了什么

在我看来，应该发生两件事

内容应向下滑动（）

我应该可以选择让页面向下滚动，这样按钮就会出现在屏幕的顶部，这样可以确保之前隐藏的内容是可见的

---

关于如何执行这两项操作，有什么建议吗？

如果我理解正确，您指的是一个可折叠的内容块，当用户点击标题时，它应该向下滚动一点，以便向用户显示主体部分。 您可以通过将单击事件附加到触发滚动的标题来完成此操作。在下面的代码中，我将其作为动画来完成。我还用-40px调整了滚动位置，这样用户仍然可以看到标题顶部的部分元素

$('.ui-collapsible-heading-collapsed').on('click.scrollintoview', function (event) {                        
    $('body').animate({ scrollTop: $(event.target).offset().top - 40}, 500);
});     

---

如果我理解正确，你说的是一个可折叠的内容块，当用户点击标题时，它应该向下滚动一点，以便向用户显示主体部分。 您可以通过将单击事件附加到触发滚动的标题来完成此操作。在下面的代码中，我将其作为动画来完成。我还用-40px调整了滚动位置，这样用户仍然可以看到标题顶部的部分元素

$('.ui-collapsible-heading-collapsed').on('click.scrollintoview', function (event) {                        
    $('body').animate({ scrollTop: $(event.target).offset().top - 40}, 500);
});     

---

这看起来和听起来都可能奏效！我会尝试一下，然后再给你回复，无论是看起来还是听起来，这都可能奏效！我试试看，然后再打给你