components icon indicating copy to clipboard operation
components copied to clipboard

Create feature for change color, or opacity background, when scroll on in header

Open fabiorogeriosj opened this issue 6 years ago • 3 comments

In the header component create a resource, which can be enabled via JS, to effect the effect of changing the header color or changing the opacity of the header background.

A good way to use via JS would look like this:

header.changeByScroll({
  class: 'red',
  height: 200
})

Example: https://codepen.io/jhiam/pen/woZaKZ

fabiorogeriosj avatar Oct 02 '18 12:10 fabiorogeriosj

I'm interested

manaswinidas avatar Oct 02 '18 12:10 manaswinidas

@fabiorogeriosj I think, that I have done it, but I don't know how to do example in docs, because header there isn't fixed. Should I just not make example?

galloj avatar Oct 20 '18 20:10 galloj

@galloj in this case just add a example with text, like this: image

fabiorogeriosj avatar Oct 22 '18 12:10 fabiorogeriosj