jquery滑动标签“副作用”答案

【问题标题】：jquery sliding tab "side effect"jquery滑动标签“副作用”
【发布时间】：2011-01-21 14:02:18
【问题描述】：

我编写了这个页面，一个带有滑动功能的标签：here 我真的很喜欢这种效果，但是当您使用长标签（比如说规范）时，我们转到一个小标签（下载），然后重新点击一个大标签，这会迫使用户再次向下滚动......

是否有可能 jquery 告诉页面在按下选项卡后保持向下滚动的最大值？

【问题讨论】：

【解决方案1】：

我正在用 jQuery UI 选项卡做这样的事情，你可以修改它为任何布局：

//Tab panel height matching
$(".ui-tabs-panel").each(function() {
if ($(this).height() + 30 > $(this).parents(".subTabsC").height()) {
  $(this).parents(".subTabsC").height($(this).height() + 30);
}
});

我将整个选项卡内容包裹在 <div class="subTabsC"> 中。在我的例子中，30 像素是为了考虑标签和边框，调整到你需要的任何东西。

【讨论】：

【解决方案2】：

是的。 OnLoad，您可以遍历所有选项卡，找到最高的选项卡并将容器的高度设置为该值，然后删除任何正在平滑调整大小的内容。

这意味着一些较小的东西可能看起来有点丢失，但你不会调整页面大小（这也让我很烦）。

【讨论】：

调整大小是我喜欢的东西，手动滚动是我喜欢摆脱的东西！
你可以半途而废。您可以检查要切换到的项目，而不是停止所有垂直调整大小。如果它更高，请调整大小；否则，不要。

【解决方案3】：

您不能在函数末尾添加“return false”吗？当您单击锚链接时，这将阻止它“刷新”页面......我可能是错的......我刚刚开始学习 jquery 和 javascript。

【讨论】：