Skip to content
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

Update cursor position on page scroll #12

Open
eliawk opened this issue Oct 31, 2021 · 4 comments
Open

Update cursor position on page scroll #12

eliawk opened this issue Oct 31, 2021 · 4 comments
Assignees
Labels
bug Something isn't working

Comments

@eliawk
Copy link

eliawk commented Oct 31, 2021

Is your feature request related to a problem? Please describe.
When you scroll the page the cursor don't update its position

Describe the solution you'd like
When you scroll the page the mouse follow the scrolling - like the normal cursor does

@aesdotjs
Copy link

aesdotjs commented Nov 4, 2021

I needed exactly the same feature and actually its kinda easy just 2 line to modify so I made a fork (its not fully tested on every browser) Feel free to try it

You just need to add a position: fixed style to the Element.

https://github.com/aesdotjs/vue-cursor-fx

@eliawk
Copy link
Author

eliawk commented Nov 9, 2021

@aesdotjs thanks! maybe @LuXDAmore could add this feature to this repository to avoid a fork just for this.

@LuXDAmore
Copy link
Owner

@aesdotjs fantastic! But i've seen your code, where is the position: fixed? At which Element are you applying it?

If you already had a fork, you can easely do a PR 😄

I will update the package for sure after this @eliawk 😎

@LuXDAmore LuXDAmore self-assigned this Nov 15, 2021
@LuXDAmore LuXDAmore added the bug Something isn't working label Nov 15, 2021
@LuXDAmore
Copy link
Owner

While the fix it's not available, you can simply do it from the parent component, like:
.parent-component ::v-deep .vue-cursor-fx { position: fixed; }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants