jquery - 我希望我的 Jquery UI 可折叠选项卡在被选中时自动向下滚动页面

Question

我正在使用 Jquery UI 选项卡小部件，我的选项卡是可折叠的，并以折叠状态开始。选项卡在加载时出现在页面底部。当用户单击选项卡时，我希望页面在页面上自动向下滚动，以便选项卡标题现在位于页面顶部并且展开的选项卡内容可见。现在，当用户单击选项卡以展开内容时，页面根本不滚动，并且用户在不使用滚动条的情况下无法看到展开的内容。

这是代码：

<script type="text/javascript">
$(function() {
$( "#tabs" ).tabs({
collapsible: true,
selected: -1
});
});
</script>
<div id="tabs">
<ul><li>heres my tab title</li></ul>
<div id="tab title">
tab content goes here
</div>
</div>

感谢您提前提供任何帮助。我只想让页面自动滚动到类似于锚点的内容。再次感谢。

Answer 1

你可以试试这个叫做scrollTo的插件或者使用 window.scrollTo()。如果您通过 jquery 谷歌滚动到插件，还有其他几个。这是一个如何使用scrollTo的示例。

onAfter之后扩展你的 div。