Jump to content
GreenSock

goodcontext

The mouse follower is hidden underneath the video.

Moderator Tag
Go to solution Solved by mvaneijgen,

Recommended Posts

Hello.
The mouse follower is clearly visible in the red area at the top, but it's covered when you scroll down toward the video.
How can I make it visible?

Should I ask sourceforge instead of here?

See the Pen NWyRmZz by goodcontext (@goodcontext) on CodePen

Link to comment
Share on other sites

  • Solution

Due to your CSS your SVG was locked to the height of the `#wrap` and thus cut of your `circle` element. The SVG also had no `z-index` so it was lower underneath your video. I have removed and add some CSS to get the circle to show on top of everything and highlighted some elements to show you where they are.

 

See the Pen OJQRYZa by mvaneijgen (@mvaneijgen) on CodePen

  • Like 3
Link to comment
Share on other sites

Thank you for your answer.
But if you look at the cord pen, the mouse follower doesn't go down below the height of the woman's nose.
The same problem occurs when I apply it to my site.
What should I do to solve this, too?

Link to comment
Share on other sites

I solved it myself. It works well when I change the svg's position: relative; to position: fixed;. Thank you.

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×