html鼠标自动向下滑动,html – 使用鼠标滚轮滚动到下一个或上一个div

我正在尝试在我的网站上获取一个

javascript,所以当一个人在网站上滚动时,它会自动滚动到下一个或前一个具有某个类的Div.我正在使用smoothscroll和scrollto.我还发现了两个我想要组合的代码.但我似乎并不了解整个脚本……

我想把这两个结合起来但对我来说并不是很直接:/

如果有人能指出我如何做到这一点会很好.谢谢

最好的祝福,

比利海滩

亲爱的拉利比,

感谢您的回答.我尝试了你的代码,但似乎没有让它工作.这是我使用的代码:

var current

$(function() {

$('body').mousewheel(function(event, delta) {

var $current = $('div.current');

console.log(delta);

console.log($current);

if (delta > 0) {

$prev = $current.prev();

if ($prev.length) {

$('body').scrollTo($prev, 100);

$current.removeClass('current');

$prev.addClass('current');

}

} else {

$next = $current.next();

if ($next.length) {

$('body').scrollTo($next, 100);

$current.removeClass('current');

$next.addClass('current');

}

}

event.preventDefault();

});

});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值