vue-scrollactive
Lightweight and simple to use vue component that highlights menu items as you scroll the page, also scrolling to target section when clicked. (by eddiemf)
jason-e.dev
My personal website. (by efstajas)
| vue-scrollactive | jason-e.dev | |
|---|---|---|
| 2 | 1 | |
| 546 | 0 | |
| - | - | |
| 0.0 | 1.8 | |
| over 1 year ago | about 1 year ago | |
| Vue | Vue | |
| MIT License | - |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vue-scrollactive
Posts with mentions or reviews of vue-scrollactive.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2021-01-03.
-
Hightlight Menu on scroll
GitHub - eddiemf/vue-scrollactive: Lightweight and simple to use vue component that highlights menu items as you scroll the page, also scrolling to target section when clicked.
-
Made this "progress indicator" for reading through an article that I thought was kinda neat (HIW in comments)
After doing this, I iterate over the HTML content, parse out every h1 tag, and register the headlines with this neat little library called vue-scrollactive: https://github.com/eddiemf/vue-scrollactive It allows easily displaying a table of contents of sorts. From the RichText component, I render the resulting table of contents into the sidebar using a vue-portal. Vue-scrollactive takes care of rendering the list of headlines, making them clickable with a smooth transition, and updating the currently enabled item as the user scrolls through the content. It also fires a callback every time the currently active item changes.
jason-e.dev
Posts with mentions or reviews of jason-e.dev.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2021-01-03.
-
Made this "progress indicator" for reading through an article that I thought was kinda neat (HIW in comments)
The method is using stroke-dasharray. Here, for each path in the svg, I calculate the length of the path, and set a dash array in CSS that is exactly as long as the path, but also offset it exactly as far as the path is long. That means it's practically invisible. Then, I simply animate the stroke-offset to 0 in CSS which creates the line draw effect. It looks especially cool on this SVG IMO: https://jason-e.dev/project/init
What are some alternatives?
When comparing vue-scrollactive and jason-e.dev you can also consider the following projects:
laravue - Admin dashboard for enterprise Laravel applications built by VueJS and Element UI https://laravue.dev