Feat: Added Sticky effect and opacity change for header/navbar in contact section #1124
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our contributing.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊 |
✅ Deploy Preview for buddytrail ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
|
@ayushvyasonwork Please see the conflicts . Resolve the conflicts . Ensure you pull all the latest changes before pushing your feature/bug fixes to the main branch. |
|
Deployment failed with the following error: |
ayushvyasonwork
force-pushed
the
feature/sticky-header-opacity
branch
from
789903f to
cf2ae73
Compare
|
Deployment failed with the following error: |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Related Issue
In contact section when scrolling the navbar is also being scrolled and i also want to add improved opacity feature like home section when content is scrolled for navbar.
Fixes: #1122
Description
This pull request introduces a sticky header feature that enhances the navigation experience by keeping the header fixed at the top of the page while scrolling. The header's background color and opacity change dynamically to improve visibility against the content as the user scrolls. This enhancement aims to provide a better user experience by ensuring that navigation remains accessible without interfering with the content below.
No additional dependencies are required for this change.
issue number = #1122
Type of PR
Screenshots / videos (if applicable)
before:
OS1.mp4
after :
OS1after.mp4
Checklist: