I have a transparent header which is set to “Fades Out”. I am trying to add an event (onViewportLeave) to set the background of the header to rgba(0,0,0,1) using the following so that the menu is readable further down the page where the text would otherwise clash: export function header1_viewportL…

The background opacity that you set using code will never be greater than the opacity you set on the editor. Therefore, if you want to have a full control over the opacity, you should scroll it to 100% on the editor, then you can make it transparent (or partially transparent) via code.

Change header background colour on event

Ask the community

iaindowner August 28, 2019, 12:46pm 3

Sorted - thanks!!

Topic		Replies	Views
header color change as scrolling down Ask the community code , question	3	1226	May 15, 2021
How to make white header background appear only on scroll? Ask the community code , question	13	2000	February 24, 2022
Change menu background colour Ask the community code , question	5	232	March 2, 2023
How to make white header background appear only on scroll? Ask the community code , question	1	138	July 13, 2020
Code works in preview but not in live site Ask the community code , question	2	86	October 12, 2022

Change header background colour on event

Related topics