[Rails & Javascript] 画像がたくさんあるページで要素の高さを正確に取得できない

お世話になっております。

タイトルに記載した症状で困っております。お力添えいただけると助かります。

【環境】
macOS：10.15.6
Ruby on Rails：6.0.3.3

【最終的な要望】

window.innerHeight ＞ (wrapperの高さ + footerの高さ)の場合、Footerを画面下部に表示
window.innerHeight <= (wrapperの高さ + footerの高さ)の場合、wrapperの高さを取得し、footerをその下に表示
上記をJavascriptで実現(あるいは他に有用な方法があればそちらでも可能)

【問題詳細】
上記の形にするため

CSSスタイルでposition:absoluteおよびbottom:0を指定し、元々画面下部に表示されるように指定
Javascriptでwindows.addEventListenerを用いてページ表示後、wrapperクラスの高さを取得
(wrapperの高さ + footerの高さ)がwindow.innerHeightを超えたらJavascriptでフッターにstyleを適用して、wrapperの下側に移動
しかし、画像の数が多いと、footerがwrapperクラスの途中に表示されてしまう

【参考情報】

処理の途中でconsole.logした際と、実際に完全にページが表示された際のwrapperの高さが画像が多いと全く違う高さになっている（画像の数が多いページの場合）。
とりあえず、処理を遅らせば擬似的には解決している。
しかし、一時的にwrapperクラス上にFooterが表示されるタイミングが発生するので、可能であれば、すべてのページの表示が終わったあとに、処理を実行し、Footerを正常にwrapperの下に表示したい。

haml
1-# head情報などは不要かと思いますので省略
2%body
3  %noscript
4    %p Javascriptが無効になっています。レイアウトや一部の機能が正常に動かないので、Javascriptを有効にして読み込み直してください。
5    -# 背景処理のため追加したdiv要素
6    .stars
7    .twinkling
8
9    -# ここの中にナビゲーションバーも含めてメインの要素が入る
10    .wrapper
11      %nav{中略}
12      #main
13      .centerize
14        .container
15          - if @products.count != 0
16            -# Bootstrapのカード表示のためのdiv要素
17            .card-deck
18              - @products.each do |p|
19                -# 遷移先の問題でturbolinksをfalseにしたリンク
20                = link_to(product_path(p), class: 'card my-3' "data-turbolinks" => false) do
21                  = image_tag(p.thumbnail, class: "card-omg-top")
22                  .card-body
23                    %h4.card-text
24                      = p.price
25    -# 問題のフッター
26    %footer#footer
27
28    :javascript
29      var windowHeight = window.innerHeight;
30      var wrapperHeight = document.getElementsByClassName('wrapper')[0].clientHeight;
31      var footer = document,getElementById('footer');
32
33      window.addEventListener('turbolinks:load', function() {
34        if (windowHeight < (wrapperHeight + footer.clientHeight)) {
35          footer.style.top = wrapperHeight + "px";
36        }
37      });