ご希望通りのものかどうかは分かりませんが、軽く実装してみました。
lang
1var idx = -1;
2var sectionPos = 0;
3var scrollTop = 0;
4var targetTop = 0;
5$(function(){
6 $(window).on("load scroll", function(e){
7 $(".section").each(function(index, ele){
8 sectionPos = $(ele).offset().top;
9 scrollTop = $(window).scrollTop();
10 idx = -1;
11 if(sectionPos > scrollTop){
12 idx = index;
13 return false;
14 }
15 });
16 });
17 $("#next_btn").on("click", function(e){
18 if($(".section").eq(idx).is("*") && idx >= 0){
19 targetTop = $(".section").eq(idx).offset().top;
20 $("html, body").animate({scrollTop:targetTop}, "normal");
21 }
22 return false;
23 });
24});
なお、今回は移動先の要素にsectionというクラス、次へボタンにnext_btnというIDが設定してあるものとしています。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/05/08 03:23