Pinit.js Положение кнопки наведения не исправлено
Я тщетно пытался внедрить скрипт Pinterest в свой сайт.
Сценарий работает нормально, однако проблема в том, что зависшая кнопка Pinterest "сохранить" позиционирует себя неправильно. При начальной загрузке страницы кнопка располагается в верхнем углу изображений, как и должно быть, но после прокрутки страницы кнопки также будут прокручиваться, вместо того чтобы оставаться на месте в верхнем углу.
Я пытался настроить кнопки CSS, чтобы изменить positioning собственности, но это не было успешным. После возни с уменьшенными вариантами использования, я думаю, что я понял, что это - фиксированный заголовок, который вызывает проблему (я использую Google Design Material Lite), но даже зная, что я не уверен, как исправить это.. Любые мысли будут оценены!
Я разобрал кодовую ручку masonry / infinitescroll, чтобы отразить поведение, которого я хочу достичь: https://codepen.io/anon/pen/eGQWEq
А вот ручка, использующая фиксированный заголовок облегченного дизайна материала, показывающий кнопку сохранения интереса, прокручивающуюся со страницей: https://codepen.io/anon/pen/boQWWK