Anyone knows how to make scroll zoom?

Any leads know, how to make this scroll zoom within a block?

Sample 01) https://www.emiratesflighttrainingacademy.com/en/ (Zoom in)
Sample 02) https://barakanaturals.com/ (Zoom out)

Thanks in Advance.

It is a common effect and much discussed with plenty of examples and tutorials.

Hero Zoom on Scroll
https://www.google.com/search?q=hero+zoom+on+scroll

You can implement it in Blocs as needed. Below are the common entry points from the documentation that you will need for implementing it into Blocs.

  1. Classes & ID’s – https://help.blocsapp.com/knowledge-base/custom-classes-basics/
  2. HTML Bric – https://help.blocsapp.com/knowledge-base/html-widget/
  3. Page Setting - Add Code – https://help.blocsapp.com/knowledge-base/page-settings/
  4. Page Attachments – https://help.blocsapp.com/knowledge-base/page-attachments/
  5. Custom Data Attributes – https://help.blocsapp.com/knowledge-base/custom-data-attributes/
2 Likes

Oooh, don’t like them, the examples you show are jerky and clumsy IMHO!

(MacBook, Safari)

I hope you get yours working better!