codrops / animatedheader Goto Github PK
View Code? Open in Web Editor NEWA fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.
A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.
Hi great script thank you.
Is there anyway to bypass function and have shrink called right away? For example, I'd like the scroll shrink on some pages but not on others.
Hello, May I ask how I might add a color background to the menu container once it's scaled and the user is scrolling please?
Thanks
how to issue brand logo
Adding a package.json will allow people to add this package as an npm dependency by using npm install https://github.com/codrops/AnimatedHeader.git
Otherwise there's an error.
Thanks!
Is it possible to implement this header on WordPress? Any idea how?
Thanks!
The header is queried before angular appends the directive html to the dom, this could be circumvented with a quick check of the header var in the page scroll function and a re-query if necessary. like so:
header = header || document.querySelector( '.cbp-af-header' );
Not sure if this issue is common enough for you guys to make the change but if you'd like I could submit a pr with the fix, it would help me not have to re write the fix when I update :)
The scroll
event is missing under Windows when loading page via anchor link (i.e. http://domain.com/page.html#anchor).
If the anchor is far away from page top, the nav header will be in wrong state.
My workaround is to additionally call scrollPage()
at init()
.
i used latest jquery and integrate this animated header but got error on classList. can you help?
You should register you JS file or this repo en bower.
Hi @botelho~
Your great work had been recommend being added in CDNJS.
However, we need tags for repo to specify points in history and mark release points.
It's helpful for user to know the version and status of repository, and would enable wider distribution of the library.
Would you please consider on using tags?
Thank you!
Piicksarn
#6223
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.