facebookのwebViewでheight 100%にすると余分な高さが発生する

上記の通り。
css height 100%にして、
overflow: hidden;にするにしても余分な分のスクロールが発生してします。

facebookアプリが
スクロールバーなどの分、計算して引いてないのが原因だと思われる。
仕方ないので、

ブラウザ情報を受取るところに追加

var _ua = (function(u){
  return {
    Facebook:(u.indexOf("fban/fbios;fbav") != -1)
  }
})(window.navigator.userAgent.toLowerCase());

んで、フラグがたったときだけ、
height: calc(100% - 100px);
にした。

ある意味成功だけど、
ファーストビュー的によくなっただけで、やっぱスクロールが出る。

全体にスクロール禁止のjavascriptを書いてもよいかもしれない。

// スクロール禁止
$(window).on('touchmove.noScroll', function(e) {
    e.preventDefault();
});

// スクロール禁止 解除
$(window).off('.noScroll');

けど、今回サイトの仕様で一部はスクロールをさせたかったので、
以下にしました。

$(window).scroll(function(){
  $('body,html').scrollTop(0);
});

むりやりだけど、
これだとキーボードが出て強制的にスクロールされた時にも
元に戻ってくれるので対応できる。

ちなみに、vew viewのスクロール量は
2016/3/31で100pxで調度良かった。