Instagram нажимает закрепленную полосу на эффект прокрутки во фреймере

#instagram #framerjs #pinned-header-list-view

#Instagram #framerjs #закрепленный-заголовок-список-просмотр

Вопрос:

Я дизайнер и новичок в разработке, пытающийся выполнить следующее:

Подобно Instagram, я хотел бы закрепить заголовки модулей в контейнере прокрутки, и при прокрутке вниз панель заголовка следующего модуля поднимает уже закрепленную строку заголовка.

Я могу легко выполнить это в Pixate, где закрепленные полосы перемещаются с той же скоростью, что и содержимое прокрутки, и придерживаются вершины в указанной координате, а затем продолжают прокрутку в другой, но координаты должны быть указаны для каждого столбца — конец одного является началом следующего.

Все столбцы имеют одинаковую высоту — есть ли более чистый способ сделать это в Framer?

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

Комментарии:

1. Привет, @kazzyt, есть мысли по этому поводу? Вы, кажется, довольно хорошо осведомлены. Даже подсказка в общем направлении того, как это можно сделать, была бы очень признательна.

Ответ №1:

Этот модуль, похоже, делает то, что вы хотите:

https://github.com/72/StickyHeaders-for-Framer

Посмотрите одну из демонстраций здесь:

http://share.framerjs.com/4jr3dyd44bpm/