Javascript не работает только на кнопке возврата к началу страницы блога

У меня есть кнопка Back-to-top на каждой странице, и все html, css и javascript находятся в базовом файле в django. Кнопка Bact-to-top работает как ожидалось на всех страницах, кроме страницы блога, где она не отображается, потому что javascript не работает на ней. Я не знаю почему. Пожалуйста, помогите, если можете. Ниже приведен код файла base-footer:-

Этот активный класс не добавляется на этой странице блога.

Ниже представлен файл views.py для страницы блога

У меня это работает. Проблема, вероятно, в вашем HTML

function toTop() {
  window.scrollTo(0, 0);
}

$(window).scroll(function() {
  var scroll = $(window).scrollTop();

  if (scroll >= 150) {
    $(".bttBtn").addClass("active");
  } else {
    $(".bttBtn").removeClass("active");
  }
});
.back-to-top {
  position: fixed;
  border: 1px solid black;
  cursor: pointer;
  right: 20px;
  bottom: 20px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="back-to-top" class="back-to-top" onclick="toTop()">
  <div class="btn btn-dark bttBtn" aria-label="Back to Top">
    BTT<i class="fa fa-angle-up"></i>
  </div>
</div>

<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>
<p>contentksdjf slkdj sd</p>

Здесь не хватает двойной кавычки

<a href=" {% url 'index' %} ">
  <img src=" {% static 'images/sign_logo.svg' %} />
</a>
Вернуться на верх