Javascript 显示和隐藏上一个和下一个按钮jQuery

大家好，我在这里创建了四个部分。使用“上一页”和“下一页”按钮，您可以滚动页面。到目前为止，这是可行的。只有“1”部分中的“上一个”按钮和“4”部分中的“下一个”按钮没有意义，应属于隐藏按钮，如果可能，应属于隐藏按钮。它们可以隐藏在这一部分吗？或者我可以隐藏最后一个或替换为一个到顶部？请帮帮我。非常感谢。致意

$（函数（）{
var pagePositon=0，
sectionsSeclector=‘section’，
$scrollItems=$（SectionsClector），
偏移量=30，
pageMaxPosition=$scrollItems.length-1；
//绘制各部分的地图：
$scrollItems.each（函数（index，ele）{$（ele.attr（“debog”，index）.data（“pos”，index）；}）；
//绑定到滚动
$（窗口）.bind（'scroll'，upPos）；
//点击移动：
$（'#箭头a'）。单击（函数（e）{
if（$（this）.hasClass（'next'）&&pageposition+1=0）{
页面位置--；
$（'html，body'）.stop（）.animate（{
scrollTop:$scrollItems.eq（pagePositon）.offset（）.top
}, 300);
返回false；
}
});
//更新位置函数：
函数upPos（）{
var fromTop=$（this.scrollTop（）；
var$cur=null；
$scrollItems.每个（函数（索引、元素）{
if（$（ele）.offset（）.top
html，正文{
身高：100%；
保证金：0；
}
部分{
高度：100vh；
字号：6em；
字号：800；
文本对齐：居中；
垫面：10%；
}
部分：第n个孩子（奇数）{
背景：#0c1153；
颜色：#bfc893；
}
部分：第n个子项（偶数）{
背景#bfc893；
颜色：#0c1153；
}
#箭{
位置：固定；
保证金：0；
底部：0；
颜色：黑色；
}
.上一页，.下一页{
位置：固定；
底部：6rem；
宽度：7雷姆；
身高：7雷姆；
边界半径：50%；
背景色：#fff；
盒影：0 1rem 3rem rgba（0,0,0,0.2）；
光标：指针；
z指数：2；
文本对齐：居中；
字号：6rem；
字号：900；
颜色：深色；
}
.下一个{
右：6rem；
书写方式：垂直lr；
}
.以前的{
左：6rem；
写入方式：垂直rl；
}
.上一个a.下一个a{
垂直对齐：中间对齐
}

1.
2.
3.
4.


$（函数（）{
var pagePositon=0，
sectionsSeclector=‘section’，
$scrollItems=$（SectionsClector），
偏移量=30，
pageMaxPosition=$scrollItems.length-1；
//绘制各部分的地图：
$scrollItems.each（函数（index，ele）{$（ele.attr（“debog”，index）.data（“pos”，index）；}）；
//绑定到滚动
$（窗口）.bind（'scroll'，upPos）；
$（'.previous'）.hide（）；
//点击移动：
$（'#箭头a'）。单击（函数（e）{
if（$（this）.hasClass（'next'）&&pageposition+1=0）{
页面位置--；
$（'html，body'）.stop（）.animate（{
scrollTop:$scrollItems.eq（pagePositon）.offset（）.top
}, 300);
}
如果（pagePositon==0）
$（'.previous'）.hide（）；
其他的
$（'.previous'）.show（）；
如果（pagePositon==pageMaxPosition）
$（'.next'）.hide（）；
其他的
$（'.next'）.show（）；
});
//更新位置函数：
函数upPos（）{
var fromTop=$（this.scrollTop（）；
var$cur=null；
$scrollItems.每个（函数（索引、元素）{
if（$（ele）.offset（）.top
html，正文{
身高：100%；
保证金：0；
}
部分{
高度：100vh；
字号：6em；
字号：800；
文本对齐：居中；
垫面：10%；
}
部分：第n个孩子（奇数）{
背景：#0c1153；
颜色：#bfc893；
}
部分：第n个子项（偶数）{
背景#bfc893；
颜色：#0c1153；
}
#箭{
位置：固定；
保证金：0；
底部：0；
颜色：黑色；
}
.上一页，.下一页{
位置：固定；
底部：6rem；
宽度：7雷姆；
身高：7雷姆；
边界半径：50%；
背景色：#fff；
盒影：0 1rem 3rem rgba（0,0,0,0.2）；
光标：指针；
z指数：2；
文本对齐：居中；
字号：6rem；
字号：900；
颜色：深色；
}
.下一个{
右：6rem；
书写方式：垂直lr；
}
.以前的{
左：6rem；
写入方式：垂直rl；
}
.上一个a.下一个a{
垂直对齐：中间对齐
}

1.
2.
3.
4.


$（函数（）{
var pagePositon=0，
sectionsSeclector=‘section’，
$scrollItems=$（SectionsClector），
偏移量=30，
pageMaxPosition=$scrollItems.length-1；
//绘制各部分的地图：
$scrollItems.each（函数（index，ele）{$（ele.attr（“debog”，index）.data（“pos”，index）；}）；
//绑定到滚动
$（窗口）.bind（'scroll'，upPos）；
$（'.previous'）.hide（）；
//点击移动：
$（'#箭头a'）。单击（函数（e）{
if（$（this）.hasClass（'next'）&&pageposition+1=0）{
页面位置--；
$（'html，body'）.stop（）.animate（{
scrollTop:$scrollItems.eq（pagePositon）.offset（）.top
}, 300);
}
如果（pagePositon==0）
$（'.previous'）.hide（）；
其他的
$（'.previous'）.show（）；
如果（pagePositon==pageMaxPosition）
$（'.next'）.hide（）；
其他的
$（'.next'）.show（）；
});
//更新位置函数：
函数upPos（）{
var fromTop=$（this.scrollTop（）；
var$cur=null；
$scrollItems.每个（函数（索引、元素）{
if（$（ele）.offset（）.tophide next initially then after that check conditions on click if pagePositon ==0 then hide previous anf if pagePositon = pageMaxPosition then hide next -

if (pagePositon > 0)
   $(".previous").show();
else $(".previous").hide();

if (pagePositon < pageMaxPosition)
      $(".next").show();
else $(".next").hide();`

    $('#arrow a.next').toggle(pagePositon < pageMaxPosition);
    $('#arrow a.previous').toggle(fromTop > 0);