各位前輩好

我在做專案時候使用jQuery製作一頁滾動
https://codepen.io/floraya/pen/yNZKWq
我是使用這位大大所寫範例的方式寫
一頁滾動有成功

但結果後來設計說想要更改滾動方式
要將物品都固定在中間
說不要影響上下的header footer等
所以將內容都限制在container內
然後在container內一頁滾動
滑鼠滾動一次跳轉一個區域(.index_content)

本來以為將下指令的對象更改為

 $(window).mousewheel(function (e) {
     $(".container1").stop();
        if (moving == 0) {
          moving = 1;
          if (e.deltaY == -1) {
             if (n < num_li) {
                 n++;
             };
         } else {
          if (n > 1) {
             n--;
          };
         };
      };
 $(".container1").animate({ "scrollTop": $(".index_content0"+n).offset().top }, function () { moving = 0 });
              
})

即可

殊不知我大錯特錯
網頁就爆了
會一直跳來跳去
後下方滾不下去

我的codepen

請問各位大大我該如何做才對呢?

也想請問為何我的方式不行呢?

在此先感謝各位願意閱讀我的問題

學習jQuery 和JavaScript的道路好崎嶇