# When the mouse is scrolled down or scrolled up.

**URL:** <https://forum.wixstudio.com/t/when-the-mouse-is-scrolled-down-or-scrolled-up/45612>\
**Category:** Ask the community\
**Tags:** partners, technical-talk, question\
**Created:** [August 31, 2021, 2:44am UTC](https://forum.wixstudio.com/t/when-the-mouse-is-scrolled-down-or-scrolled-up/45612 "2021-08-31T02:44:37Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![wix43684](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/wix43684/32/95703_2.png) [@wix43684](https://forum.wixstudio.com/u/wix43684)\
**Post date:** [August 31, 2021, 2:44am UTC](https://forum.wixstudio.com/t/when-the-mouse-is-scrolled-down-or-scrolled-up/45612/1 "2021-08-31T02:44:37Z")

</div>

Hello. Greetings from experts all over the world.

I have one question.

[http://studiocona.com/](http://studiocona.com/)  
Like the main page of the website above,

When the mouse is scrolled down or scrolled up.  
Is there a way to move to the top of the next image (or strip) in wix?

If anyone knows how, please share.

---

<div class="post-metadata">

**Author:** ![workiapps](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/workiapps/32/25032_2.png) [@workiapps](https://forum.wixstudio.com/u/workiapps)\
**Post date:** [August 31, 2021, 4:58am UTC](https://forum.wixstudio.com/t/when-the-mouse-is-scrolled-down-or-scrolled-up/45612/2 "2021-08-31T04:58:14Z")

</div>

Watch this [https://www.youtube.com/watch?v=mkCai3bB3\_E](https://www.youtube.com/watch?v=mkCai3bB3_E)

---

<div class="post-metadata">

**Author:** ![wix43684](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/wix43684/32/95703_2.png) [@wix43684](https://forum.wixstudio.com/u/wix43684)\
**Post date:** [September 1, 2021, 3:34am UTC](https://forum.wixstudio.com/t/when-the-mouse-is-scrolled-down-or-scrolled-up/45612/3 "2021-09-01T03:34:43Z")

</div>

Thank you very much.  
But I have already tried this method.  
[https://www.wix.com/velo-examples/full-screen-scroll](https://www.wix.com/velo-examples/full-screen-scroll)

However, it doesn’t look as natural or functional as the sample I originally shared.

[http://studiocona.com](http://studiocona.com) /  
I’m looking for a more complete implementation.  
Is this really a feature that cannot be implemented using Wix code?

---

<div class="post-metadata">

**Author:** ![workiapps](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/workiapps/32/25032_2.png) [@workiapps](https://forum.wixstudio.com/u/workiapps)\
**Post date:** [September 1, 2021, 7:10am UTC](https://forum.wixstudio.com/t/when-the-mouse-is-scrolled-down-or-scrolled-up/45612/4 "2021-09-01T07:10:49Z")

</div>

@wix43684 Yes, You can.

1. Add a fullwidth slideshow for smooth scrolling.
2. Add mouse wheel event handler using custom element.
3. Change the slide on event up or down.

To know more about custom element: [https://support.wix.com/en/article/wix-editor-adding-a-custom-element-to-your-site](https://support.wix.com/en/article/wix-editor-adding-a-custom-element-to-your-site)  
Example: [https://www.wix.com/velo/forum/tips-tutorials-examples/tracking-mouse-move-with-velo-code](https://www.wix.com/velo/forum/tips-tutorials-examples/tracking-mouse-move-with-velo-code)

**Note: The above example states mouse movement. But you need to add mouse wheel event instead of mouse move event.**

---

<div class="post-metadata">

**Author:** ![wix43684](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/wix43684/32/95703_2.png) [@wix43684](https://forum.wixstudio.com/u/wix43684)\
**Post date:** [September 2, 2021, 2:17am UTC](https://forum.wixstudio.com/t/when-the-mouse-is-scrolled-down-or-scrolled-up/45612/5 "2021-09-02T02:17:16Z")

</div>

@workiapps Hello. Thanks for the further reply.  
You are really professional.  
Since I’m still a beginner, I think I need to study a little more about what you answered.  
Your honest answer really warms my heart.  
As you said, I will say “I can”.

---

<div class="post-metadata">

**Author:** ![workiapps](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/workiapps/32/25032_2.png) [@workiapps](https://forum.wixstudio.com/u/workiapps)\
**Post date:** [September 2, 2021, 7:02am UTC](https://forum.wixstudio.com/t/when-the-mouse-is-scrolled-down-or-scrolled-up/45612/6 "2021-09-02T07:02:54Z")

</div>

@wix43684 Thank you so much😄.
