Javascript 滚动到下一步<；部门>；使用css:：after元素使用jQuery

我正在尝试滚动到下一个div，我不确定jQuery是否适合，因为我在这方面不是很专业，所以我想通过单击向下箭头滚动到下一个div。有人能帮我吗

jQuery（文档）.ready（函数（）{
jQuery（'sub-div:：after'）。单击（function（）{
jQuery（this）.closest（）.next（'sub-div'）.toggle（）；
});
});
.sub div{
高度：50px；
宽度：100%；
垫底：12px；
}
.main div.sub div:：after{
内容：“\f078”；
字体系列：“FontAwesome”；
位置：相对位置；
底部：-20px；
左：0；
右：0；
保证金：0自动；
文本对齐：居中；
}
.main div.sub div:hover:：after{
光标：指针；
}

这里有一些内容。。。
这里有一些内容。。。
这里有一些内容。。。
这里有一些内容。。。
尝试使用和

sub-div
是类名称，因此与
.sub-div
一起提及
并与
scrollTop一起使用
onclick with
sub div
找到下一个div
顶部
。然后身体滚动到该位置

还有
伪元素
不使用此单击功能。所以
使用
子元素尝试下箭头


jQuery（文档）.ready（函数（）{
jQuery（'.sub div p'）。单击（function（）{
var tops=（jQuery（this）.parent（）.next（'.sub div'）.position（）==未定义）？0:jQuery（this）.parent（）.next（'.sub div'）.position（）.top；
$（'body'）。设置动画({
滚动顶部：顶部
},1000);
});
});
.sub div{
高度：100px；
宽度：100%；
垫底：12px；
单词包装：打断单词；
保证金：20px自动；
}
p{
位置：相对位置；
顶部：0px；
左：0；
右：0；
光标：指针；
颜色：绿色；
字体大小：粗体；
保证金：0自动；
文本对齐：居中；
}

这里是第一个内容。。

第二个内容在这里。。。

第三个内容在这里。。。

第四个内容在这里。。。

尝试使用和

sub-div
是类名称，因此与
.sub-div
一起提及
并与
scrollTop一起使用
onclick with
sub div
找到下一个div
顶部
。然后身体滚动到该位置

还有
伪元素
不使用此单击功能。所以
使用
子元素尝试下箭头


jQuery（文档）.ready（函数（）{
jQuery（'.sub div p'）。单击（function（）{
var tops=（jQuery（this）.parent（）.next（'.sub div'）.position（）==未定义）？0:jQuery（this）.parent（）.next（'.sub div'）.position（）.top；
$（'body'）。设置动画({
滚动顶部：顶部
},1000);
});
});
.sub div{
高度：100px；
宽度：100%；
垫底：12px；
单词包装：打断单词；
保证金：20px自动；
}
p{
位置：相对位置；
顶部：0px；
左：0；
右：0；
光标：指针；
颜色：绿色；
字体大小：粗体；
保证金：0自动；
文本对齐：居中；
}

这里是第一个内容。。

第二个内容在这里。。。

第三个内容在这里。。。

第四个内容在这里。。。

滚动到特定的div simple by HTML

.main div{
高度：10px；
}
·分区{
高度：100px；
宽度：50%；
垫底：12px；
}
.main div.sub div:：after{
内容：“\f078”；
字体系列：“FontAwesome”；
位置：相对位置；
底部：-2px；
左：0；
右：0；
保证金：0自动；
文本对齐：居中；
}
.main div.sub div:hover:：after{
光标：指针；
}

asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
asdfasdfasdfasdfasdfasdfasdfasd
asdfasdfasdfasdfasdfasdfasdfa
asdfasdfasdf

asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
asdfasdfasdfasdfasdfasdfasdfasd
asdfasdfasdfasdfasdfasdfasdfa
asdfasdfasdf

asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
asdfasdfasdfasdfasdfasdfasdfasd
asdfasdfasdfasdfasdfasdfasdfa
asdfasdfasdf

asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
asdfasdfasdfasdfasdfasdfasdfasd
asdfasdfasdfasdfasdfasdfasdfa
asdfasdfasdf

滚动到特定的div simple by HTML

.main div{
高度：10px；
}
·分区{
高度：100px；
宽度：50%；
垫底：12px；
}
.main div.sub div:：after{
内容：“\f078”；
字体系列：“FontAwesome”；
位置：相对位置；
底部：-2px；
左：0；
右：0；
保证金：0自动；
文本对齐：居中；
}
.main div.sub div:hover:：after{
光标：指针；
}

asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
asdfasdfasdfasdfasdfasdfasdfasd
asdfasdfasdfasdfasdfasdfasdfa
asdfasdfasdf

asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
asdfasdfasdfasdfasdfasdfasdfasd
asdfasdfasdfasdfasdfasdfasdfa
asdfasdfasdf

asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
asdfasdfasdfasdfasdfasdfasdfasd
asdfasdfasdfasdfasdfasdfasdfa
asdfasdfasdf

asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
asdfasdfasdfasdfasdfasdfasdfasd
asdfasdfasdfasdfasdfasdfasdfa
asdfasdfasdf

伪元素根本不是DOM的一部分，因此您不能将任何事件直接绑定到它们，只能绑定到它们的父元素。最好附加一个元素并将click事件绑定到它。请看下面的代码片段


$（文档）.ready（函数（）{
$（“.sub div”）。每个（函数（）{
$（this.append（“”）。单击（函数（）{
$（'html，body'）.animate（{scrollTop:$（this.next（）.offset（）.top}，'slow'））
});
})
});
.sub div{
高度：500px；
宽度：100%；
垫底：12px；
}
.main div.sub div span:：after{
内容：“\f078”；
字体系列：“FontAwesome”；
位置：相对位置；
底部：-20px；
左：0；
右：0；
边缘