MARKETPLACE
PLUGINS
HIDE HEADER ON SCROLL DOWN
Hide header on scroll down logo

Hide header on scroll down

Published January 2025
   •    Updated this month

Plugin details

A plugin that automatically shows/hides headers or footers based on scroll direction. When used for headers, they hide on scroll down and show on scroll up, while footers behave in the opposite manner.

Demo here:
https://tomo-plugins.bubbleapps.io/version-test/hide_on_scroll_down_header

Editor here:
https://bubble.io/page?id=tomo-plugins&tab=Design&name=hide_on_scroll_down_header&type=page

Documentation:
https://tomo-plugins.notion.site/Hide-on-scroll-down-header-17b6a2d7a73f80e9af5ec99d45177da7

Free

For everyone

stars   •   0 ratings
133 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Tomo logo
Tomo
Joined 2022   •   13 Plugins
View contributor profile

Instructions

1. Basic Plugin Configuration   - element_id: Specify the ID of the element you want to control
  - type: Choose either 'header' or 'footer'
  - duration: Set animation duration in milliseconds (e.g., 300)
  - animation_type: Select animation style (e.g., 'ease', 'ease-in-out')

2. HTML Preparation
  - Add an ID to the element (header or footer) you want to control
  - Apply position: fixed if you want the element to stay at a fixed position

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Containers   •   Mobile   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble