Facebook 应用水平滚动条答案

【问题标题】：Facebook Apps Horizontal ScrollbarFacebook 应用水平滚动条
【发布时间】：2013-06-14 08:35:26
【问题描述】：

我注意到底部的这个新的水平滚动条我无法删除。我附上了一张图片，其中我还清楚地标记了我正在谈论的滚动条。我知道应用程序设置中有画布设置，但这是针对此设置上方的滚动条的。当我向右滚动标记的滚动条时，聊天和通知也会滚动一些以前不会发生的事情。

【问题讨论】：

在 Mozilla 和 IE 上也试过。这似乎是 Chrome 独有的问题
据我所知，它发生在所有基于 Safari 的浏览器上。
在 Firefox 26.0 上也会发生。

标签： facebook facebook-apps facebook-canvas

【解决方案1】：

这是一个已报告的 Facebook API 错误：http://developers.facebook.com/bugs/182748101891780

【讨论】：

【解决方案2】：

您可以添加到“fb-like”属性 data-width="100px"（或任何您喜欢的宽度），它解决了这个问题。

【讨论】：

【解决方案3】：

发现问题出在 FB ui 中的这个元素，在右栏中：

<div style="width:246px; height:69px; " class="_56vv _56vw" id="u_0_j">

这是推荐游戏块，里面有一个轮播。它应该有一个溢出：隐藏在 CSS 中。试图通过 javascript 从我的应用程序访问它，但 FB 阻止了它。

【讨论】：

【解决方案4】：

这是我使用的解决方案，因为这个问题让我更加疯狂。

我使用 Stylish 来自定义 Facebook，并且我安装了一种样式来阻止该网站上所有无用的废话，即朋友推荐、广告、左侧未使用的导航项等。

我所做的只是找到包含整个右侧边栏的 DIV 并将其禁用。这有效地摆脱了滚动条并将主要内容集中在中间 DIV 中。

这是我在 Stylish 中添加的一行：

#rightCol {display:none;}

仅供参考，以下是我用于 Facebook 的完整列表：

.rightColumnWrapper {display:none;}
#navHome{display:none;}
#pagelet_ego_pane {display:none;}
#pagelet_friend_list_suggestions {display:none;}
#appsNav {display:none;}
#pagelet_ticker {display:none;}
#fbSidebarGripper {display:none;}
#pagelet_welcome {display:none;}
#rightCol {display:none;}
.groupMemberSuggestionsList{display:none;}
.groupRecommendationsList{display:none;}

如果您还没有找到解决方案，希望这对您有所帮助。

【讨论】：