SharePoint：jQuery 切换删除所有 SharePoint 顶部 div，在网页底部留下空间？答案

【问题标题】：SharePoint: jQuery toggle removing all SharePoint top divs, leaves space on bottom of web page?SharePoint：jQuery 切换删除所有 SharePoint 顶部 div，在网页底部留下空间？
【发布时间】：2012-12-04 04:01:03
【问题描述】：

所以我在 SharePoint 2010 页面的按钮上有一个 jquery 切换事件。如果单击它只会隐藏 SharePoint 结构：

$('#s4-topheader2,#s4-titlerow,#RibbonContainer,#s4-ribbonrow').toggle(500);

工作正常，但使用后网页不再到达页面底部？只有在顶部 div 被带回后。所以我猜我可以添加一点来解决这个问题？为什么会这样？

【问题讨论】：

“没有到达页面底部”是什么意思？没有卷轴？
有一个滚动条，但它在浏览器窗口底部上方约 30 像素处结束，因此在我切换回 SharePoint div 之前，会有这个空白区域。
对不起，我的意思是页面的 s4 工作区（正文）在底部浏览器窗口框架上方约 30-50 像素处被截断。它就像死的白色空间......

标签： jquery jquery-ui sharepoint toggle margin

【解决方案1】：

您的代码在 IE 和 Chrome 中对我来说很好，但如果您想手动调整 s4-workspace 的大小，您应该在动画完成后重新调整大小，例如：

$('#s4-topheader2,#s4-titlerow,#RibbonContainer,#s4-ribbonrow').toggle(500, function(){
    $('#s4-workspace').height($(window).height());
});

【讨论】：

是的，这真的很奇怪，但以上内容完全为我解决了问题，非常感谢。仍然很好奇为什么......