jQuery滚动到下一个/上一个Div

jQuery滚动到下一个/上一个Div,jquery,html,css,Jquery,Html,Css,我不熟悉jQuery;请容忍我。 在pdoherty926的下一次滚动中,我一直在尝试使用这个简单(但很棒)的解决方案: 然而,在从他的JSFIDLE链接复制代码之后,滚动在我的页面上就不起作用了。我错过了什么 我已经把它全部放进了HTML5页面来使用它(显然会将样式和js移动到单独链接的CSS和js文件中): 滚动试验 $(文档).ready(函数(){ $('div.section').first(); $('a.display')。在('click',函数(e){ e、 预防默认值()

我不熟悉jQuery;请容忍我。 在pdoherty926的下一次滚动中,我一直在尝试使用这个简单(但很棒)的解决方案:

然而,在从他的JSFIDLE链接复制代码之后,滚动在我的页面上就不起作用了。我错过了什么

我已经把它全部放进了HTML5页面来使用它(显然会将样式和js移动到单独链接的CSS和js文件中):


滚动试验
$(文档).ready(函数(){
$('div.section').first();
$('a.display')。在('click',函数(e){
e、 预防默认值();
var t=$(this).text(),
那=$(这个);
如果(t==='next'&&$('.current').next('div.section')。长度>0){
var$next=$('.current').next('.section');
var top=$next.offset().top;
$('.current').removeClass('current');
$('body')。设置动画({
滚动顶端:顶端
},函数(){
$next.addClass('current');
});
}else if(t=='prev'&&$('.current').prev('div.section')。长度>0){
变量$prev=$('.current').prev('.section');
var top=$prev.offset().top;
$('.current').removeClass('current');
$('body')。设置动画({
滚动顶端:顶端
},函数(){
$prev.addClass(“当前”);
});
} 
});
});
.section{背景色:灰色;高度:440px;页边距底部:20px;}
.navigation{位置:固定;右侧:50px;顶部:10px;}

一个 两个 三 四


非常欢迎任何和所有的帮助/建议。

我在jsfiddle上收到了您的脚本 您只需要使用Jquery1.8.3而不是1.9.1。 因此,使用版本1.8.3

请插入以下jquery库

<script src="https://code.jquery.com/jquery-1.8.3.min.js"></script>

html、css和js是功能性的,您可能正在使用过时的jQuery库。请参阅工作JSFIDLE:


您需要使用jQuery 1.11或更高版本。版本2+更受欢迎(但有时它不能与IE很好地配合请更改jquery库脚本,而不是遵循

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

更新如下:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>


事实上,您没有编写HTTP:
协议,该协议没有从googleapis获取jquery库

请添加JSFIDLE和不起作用的代码。您得到了什么错误?我们需要更多信息,您可以发布代码吗?是否有任何错误消息?为什么不直接使用jquery.scrollTo插件?谢谢帮助-学生错误(一如既往)。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>