After Facebook introduce iframe in their platform – many issues have risen. On of them was scroll bar and to scroll to top. To understand scroll to top problem- suppose the first page of you application has 800px height. then your second page is 400px. when your user goes from first page to second, he/she has to scroll to top to see the content of the second page.
So whats the solution, simple – FB.Canvas.scrollTo. See the code below for better understand
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId:'your app id', cookie:true, status:true, xfbml:true
});
window.fbAsyncInit = function() {
FB.Canvas.scrollTo(0,0);
FB.Canvas.setAutoResize();
}
</script>
</body>
</html>
Simple Huh.
Step into the future with CyberNetikz, where we craft tomorrow’s tech innovations with today’s coding artistry Mega Medusa Casino.