-
Notifications
You must be signed in to change notification settings - Fork 111
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Implemented infinite scrolling on example images in index.html #383
base: main
Are you sure you want to change the base?
Implemented infinite scrolling on example images in index.html #383
Conversation
🎉 Thank you for your contribution! Your pull request has been submitted successfully. A maintainer from team will review it as soon as possible. We appreciate your support in making Dataverse better. |
✅ Deploy Preview for multiverse-dataverse ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🎉 Thank you for your contribution! Your pull request has been submitted successfully. A maintainer from Dataverse
will review it as soon as possible. We appreciate your support in making this project better.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hi @NehaaAcharya , I think you missed some step while pushing changes, only a blank line has been added to index.html
in this PR.
Let me know if you need any help.
Hi. Thank you for your response. I will recheck and get back to you. |
Hi @multiverseweb . I've updated styles.css to include infinite scrolling and hover-pause functionality. Please review the changes. |
Description
Summary of Changes:
In this pull request, I implemented infinite scrolling for the example images in the index.html file. The scrolling of the images is continuous, and the user can stop the scrolling by hovering over the individual image rows. Additionally, the hover effect on one row will not affect the other row's scrolling behavior, allowing both rows to scroll independently.
Motivation:
The motivation behind this change is to enhance the user experience by making the examples section dynamic, providing a smoother visual flow, and allowing users to interact with the image carousel seamlessly. It allows both rows to scroll independently.
Related Issue
Fixes # 375
Type of change
Checklist