6

I have noticed that this new horizontal scroll bar at the bottom which I am unable to remove. I have attached an image in which i have also clearly marked the scroll bar which i am talking about. I know there is canvas setting in app settings but that is for the scroll bars above this one. When i scroll the marked scroll bar to the right the chat & notifications also get scrolled something which didn't use to happen before.

Facebook Application with Scrollbar

Saad Bashir
  • 4,341
  • 8
  • 30
  • 60

4 Answers4

0

This is a reported Facebook API bug: http://developers.facebook.com/bugs/182748101891780

Pere
  • 1,647
  • 3
  • 27
  • 52
0

You can add to the "fb-like" attribute data-width="100px" (or whatever width you like) and it solves this issue.

user2722034
  • 41
  • 1
-1

Found the problem to be this element from FB ui, in the right column:

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

It's the Recommended Games block, which has a carousel inside it. It should have a overflow:hidden in CSS. Tried to access it from my app via javascript, but FB blocked it.

Luis Paulo Lohmann
  • 396
  • 2
  • 5
-1

This is the solution I used since this issue was making me crazier.

I use Stylish to customize Facebook, and I have a style installed that blocks all the useless crap on that site, i.e. friend recommendations, ads, unused navigation items on the left, etc.

All I did was find the DIV that holds the entire right sidebar and disabled it. This effectively got rid of the scrollbar and centers the main content within the middle DIV.

Here's the line I added to Stylish:

#rightCol {display:none;}

And just for your reference, here's the whole list I use for 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;}

Hope this helps if you haven't already found a solution.

PCLove
  • 27
  • 1
  • 4