How to control the mousewheel down and up in a div

Question

i'm making a website for my school and i need to control if the user scrolls the mouse wheel up or down when the mouse is inside a specific div.

f.e.:http://www.apple.com/pt/iphone-5s/

i want to replicate the slide effect but only in a small portion of the page(the div i spoke of). so how do i control this in javascript? there is no need to find out how much he scrolls, he will only be able to scroll through one slide at a time, just the scroll itself.

Stack Overflow will NOT do your homework. What have you tried? — Christian Heinrichs, Oct 29 '13 at 19:37
he didn't say it was homework. sound's like he's showing initiative and actually making a school website — AwokeKnowing, Oct 29 '13 at 19:39
@codingaround this is not my homework, i'm getting paid for it... yes i have tried but unsucessfully that's why i asked here. to get new opinions... — Carlos Sá, Oct 29 '13 at 19:39
That's okay. Then show us the problematic portions of code if there are any. — Christian Heinrichs, Oct 29 '13 at 19:40

AwokeKnowing · Accepted Answer · 2013-10-29T19:58:51.543

-1

try this:

http://imakewebthings.github.com/jquery-waypoints

https://github.com/brandonaaron/jquery-mousewheel

the second one is probably the one you want. You can check for the wheel events then check the mouse cursor position. or something like that. However, you need to consider people will access your page with tablets etc, so really scrollwheel events depending on "mouse position" is actually not a great idea.

edited Oct 29 '13 at 19:58

answered Oct 29 '13 at 19:40

AwokeKnowing

7,728
9
36
47

thanks, it helped. as for tablets and phone i'll be making a mobile version as well wich will not have this scrolling option. thanks again :D – Carlos Sá Oct 29 '13 at 20:08
good luck on the project! – AwokeKnowing Oct 29 '13 at 20:14

How to control the mousewheel down and up in a div

1 Answers1