jQueryのcss()の変数の書き方

Question

    var $ftr = $('#footer');
    if (window.innerHeight() > $ftr.offset().top + $ftr.outerHeight() ){
      $ftr.css({'position': 'fixed',
                'top': (window.innerHeight() - $ftr.outerHeight() ) + 'px'});
    }

フッターの位置をjQueryで画面一番下に固定したいのですが、css()の変数の書き方が分かりません。ググってみましたが、実現できなかったので、ここをこうするといいよっていうのを教えてください。

Answer 1

この条件式が正しいのかどうかよくわからないので、それはいったん省略して記載します。
if (window.innerHeight() > $ftr.offset().top + $ftr.outerHeight() ){

とりあえずこれで、一番下に張り付くはずです。

var $ftr = $('#footer');
$ftr.css({ 'position': 'fixed', 'bottom': 0 });

Comments

[siruku6]

もう少し調べてみたところ、
window.innerHeight()
というのは存在せず、
window.innerHeight
が正しいようです。
そこを置き換えれば、より目指すものに近づくと思います。

参考
　http://www.shurey.com/js/samples/1_tips10.html

[neginattofan]

ご丁寧な回答ありがとうございます。

自分のミスにも気づけて、ただただ感謝です。

[neginattofan]

確認したところ、window.innerHeightが正しくて、上のコードのその部分を変えただけで、希望の動作を実現できました。

ただただ感謝です。