jQueryのdivの高さから特定のem値を引いたものを

Question

emsを使用してレイアウトを作成しました。 jQueryはデフォルトでピクセルを使用します。

• 現在、450ピクセルが減算されているem値を挿入します。

フィラメントグループからpluginが見つかりましたが、使用している機能でプラグインを使用する方法がわかりません。私はすべての提案に開放されています！

$(window).scroll(function(){ 
    var distanceFromTop = $(document).scrollTop(); 
    if (distanceFromTop >= $('#header').height() - 450){ 
     $('#call').addClass('fixed'); 
    } else { 
     $('#call').removeClass('fixed'); 
    } 
}); 

私はjsfiddleを準備しましたが、何か助けに感謝します。

Answer 1

• ヘッダーと同じフォントサイズで、幅1emのhidden divを作成します。
• 幅を取得var ww = $("#hidden_div").width();
• emをpxに変換するには、このレートを使用します。 var the_pixels = em_wanted * ww;
• くらいのピクセルを使用する - $('#header').height() - the_pixels

Answer 2

あなたの最初の記事でリンクされてフィラメントグループからプラグインを使用する：

if (distanceFromTop >= $('#header').height() - $(8).toPx()){ 

これは#header高さから8emのピクセル値を減算します。