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

J.D August 28, 2019, 1:03pm 4

@iaindowner you’re welcome

Topic		Replies	Views
header color change as scrolling down Ask the community code , question	3	1251	May 15, 2021
Change header background opacity on scroll Ask the community code , question	6	3083	November 21, 2019
How to make white header background appear only on scroll? Ask the community code , question	1	141	July 13, 2020
Changing header background on scroll Ask the community code , question	0	448	May 8, 2018
How to make white header background appear only on scroll? Ask the community code , question	13	2039	February 24, 2022

Change header background colour on event

Related topics