Facebook JS SDK滚动

Question

I have some simple piece of codes which scroll the page to top with animation by clicking on every link containing the class of "top" and some other codes which I use them to scrol down to a specific div id.

But When I remove vertical scrolbar in facebook app pages by adding FB.Canvas.setAutoGrow(); and FB.Canvas.setSize(); that piece of code does not work any more in the facebook app page and I can not scroll to top and down. I searched and it seems we should use FB.Canvas.scrollTo from Facebook JS SDK instead.

By the way as much as I try to do so it seems I can't do that. If anybody can guide me in this regard I'll be so thankful.

Answer 1

In the setting, it should be set to fluid. also just using setAutoGrow() should be enough.

Notice that FB.Canvas.scrollTo and FB.Canvas.setSize only work when you have the screen height as fixed so you can manage the canvas size and locate the user where you want. In fact FB.Canvas.scrollTo doesn't work in Fluid mode! btw, if your planning to use the fixed height, it's useful to manage to screen height change in the following way:

$(window).resize(function() {

    scrHeight = $(window).height();

    // now you can use FB.Canvas.scrollTo and FB.Canvas.setSize 
    // here to satisfy your purposes  
});

Answer 2

In your FB app settings you have:

Canvas Width:Fluid
Fixed (760px)
Canvas Height: Fluid
Fixed at X px

check if you selected fluid height