Исправлен div в соответствии с прокруткой страницы

Question

Я разрабатываю магазин для друга и хочу, чтобы "ADD TO CART'S DIV" был исправлен, когда пользователи прокручивают его.Поскольку я далёк от того, чтобы быть экспертом по CSS, я сталкиваюсь с проблемами с ним.

Я пытался использовать JS, чтобы добавить «положение: исправлено» в div, но я не могу сделать это, потому что div имеет относительную позициюи меняя его, исправьте все элементы div

это ссылка

и это div, который я хочу исправить (div id rightcol):

Я также хотел бы сделать остановку div прямо перед нижним колонтитулом

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

Answer 1

Используйте это свойство, чтобы сделать div закрепленным на свитке

  position: -webkit-sticky;
  position: sticky;
  top: 0;

, заголовок вашего сайта тоже липкий.Вы можете использовать те же свойства, что он работает

Answer 2

Вы можете использовать position sticky. Липкий элемент работает как фиксированный элемент по отношению к его родительскому элементу. Он будет служить фиксированным в пространстве, предоставленном его родителем.

Итак, для вашего проекта. Вам необходимо реструктурировать ваш html таким образом, чтобы липкий элемент получал достаточно места, чтобы вести себя как фиксированный элемент в этом регионе.