Как установить смещение между элементами с помощью popper.js?

Вот как я создаю свой объект popper:

varpositioner = new Popper($(".js-search-container").get(0),
    $(".js-search").get(0),
    {
        placement: 'bottom-start',
            offsets: {
                top: '10px',
            }
    }
);

Я хочу создать некоторое смещение между объектами js-search-container и js-search, но моя попытка установить смещение, похоже, не дала результата.

Мои расследования на данный момент:

  • Я просмотрел документацию по popper.js, но не определил точный синтаксис, который мне нужно использовать.
  • Я искал примеры, но не нашел ни одного примера смещения, который, похоже, работает с popper.js v1 / latest.
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
0
2 732
1

Ответы 1

Вместо этого используйте этот код.

varpositioner = new Popper($element, tip, {
      placement: attachment,
      modifiers: {
        offset: {
          offset: "-10,0"
        }
      });

Другие вопросы по теме