jekynewage.github.io | Start Boostrap New Age Theme for Jekyll | Static Site Generator library
kandi X-RAY | jekynewage.github.io Summary
kandi X-RAY | jekynewage.github.io Summary
Start Boostrap New Age Theme for Jekyll
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of jekynewage.github.io
jekynewage.github.io Key Features
jekynewage.github.io Examples and Code Snippets
Community Discussions
Trending Discussions on jekynewage.github.io
QUESTION
I want to create the sticky header effect that you can see here on this JekyNewAge theme page, where the header menu is transparent as long as it hovers over the hero section, but will transition to a white background as soon as you scroll past this region.
The code is for a "No-JS" site, so solution must be pure CSS and no javascript.
Have been experimenting with various position: sticky
setups and older ways to achieve stickiness, but without luck. There are many examples on the web on how to do this, but none so far that I found which does it without javascript. There's always some jQuery or other code snippet involved.
Note: My CSS is generated from SaSS document, so examples using this would be great too.
Maybe this is not possible.. I would very much appreciate your input!
...ANSWER
Answered 2020-Aug-22 at 10:02I thought about it a little. I still don't think you can do the transition as in the example with pure css, but this is the kind of trick I was thinking about, which does have a transparent header over the hero that gets a solid background after it. Maybe it helps:
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install jekynewage.github.io
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page