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

-2

我是jQuery新手;忍受着我。一直试图通过pdoherty926使用这个简单（但大）的解决方案，下一代以前滚动：jQuery滚动到下一个/上一个Div

jQuery Scroll to Next Div Class with Next/Previous Button

但是，从他的jsfiddle复制链接代码之后滚动不会在我的网页上工作。我错过了什么？

我已经把它全部成HTML5页面发挥它（显然将移动样式和JS分离联CSS和JS文件）：

<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>scroll test</title> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
$('div.section').first(); 
$('a.display').on('click', function(e) { 
e.preventDefault(); 
var t = $(this).text(), 
that = $(this); 
if (t === 'next' && $('.current').next('div.section').length > 0) { 
var $next = $('.current').next('.section'); 
var top = $next.offset().top; 
$('.current').removeClass('current'); 
$('body').animate({ 
scrollTop: top  
}, function() { 
$next.addClass('current'); 
}); 
} else if (t === 'prev' && $('.current').prev('div.section').length > 0) { 
var $prev = $('.current').prev('.section'); 
var top = $prev.offset().top; 
$('.current').removeClass('current'); 
$('body').animate({ 
scrollTop: top  
}, function() { 
$prev.addClass('current'); 
}); 
} 
}); 
}); 
</script> 
<style type="text/css"> 
.section {background-color:gray; height:440px; margin-bottom:20px;} 
.navigation {position:fixed; right:50px; top:10px;} 
</style> 
</head> 
<body> 
<div class="main"> 
<div class="navigation"> 
<a href="#" class="display">next</a><br> 
<a href="#" class="display">prev</a> 
</div> 
<div id="one" class="section current"> 
One 
</div> 
<div id="two" class="section"> 
Two 
</div> 
<div id="three" class="section"> 
Three 
</div> 
<div id="four" class="section"> 
Four 
</div> 
</div>

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

来源

2015-02-06 Andrew Hills

请将jsfiddle添加到您的代码不起作用。 – colti 2015-02-06 16:08:29

你有什么错误？ – j08691 2015-02-06 16:08:34

我们需要更多信息，你可以发布你的代码，有没有任何错误信息？S – atmd 2015-02-06 16:08:42

我上的jsfiddle 你的脚本，你只需要使用jQuery的1.8.3代替1.9.1。因此改变你的jQuery 库与版本1.8.3

请插入下面的jQuery库

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

来源

2015-02-06 16:32:32 user3078111

的HTML，CSS和JS的功能，你可能会使用过时的jQuery库。看到工作jsfiddle：http://jsfiddle.net/swm53ran/200/

你需要使用jQuery版本1.11或更高版本。版本2+是更preferrable（但有时它不与IE < 9很好地工作，而1.11是稳定的IE < 9）

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

来源

2015-02-06 16:43:06 indubitablee

请更改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：协议，它是N从googleapis

来源

2015-02-06 16:45:14 user3078111

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

回答

相关问题