Загрузочный AFFIX и событие загрузки окна не работают

Question

Я довольно новичок в начальной загрузке, и я использую аффикс, чтобы прикрепить заголовок поверх страницы, когда пользователь прокручивает страницу вниз.

наклейка РАЗДЕЛ HTML :

<section class="m-book-now full-width affix" data-spy="affix">

Мне удалось сделать этот эффект с помощью следующего кода:

$(function() {
  $('section.m-book-now').affix({
    offset: {
      top: $('section.m-book-now').offset().top
    }
  }); 
});

HTML-код корректно выглядит следующим образом:

<section class="m-book-now full-width affix-top" data-spy="affix">

НО , на некоторых страницах у меня есть слайдер изображений поверх этого модуля «m-book-now». Проблема в том, что offset (). Top дает мне неправильные числа смещений, потому что изображение сверху все еще загружается. Я попытался решить эту проблему, используя событие загрузки окна (так что все уже отрендерено). но следующий код не работает:

$(window).load(function() {
  $('section.m-book-now').affix({
    offset: {
      top: $('section.m-book-now').offset().top
    }
  });
});

С событием window.load , как только HTML рендерит, оно выглядит так:

<section class="m-book-now full-width affix" data-spy="affix">

Он неправильно удаляет аффикс-топ и прикрепляет модуль сверху без прокрутки. Это почему? Как решить правильное вычисление offset (). Top в сочетании с событием загрузки окна?

Заранее спасибо

Answer 1

Измените свой код следующим образом:

$(window).load(function() {

стали:

$(window).on("load", function (e) {})

Таким образом, это должно работать.