在jquery中使用百分比滚动到顶部/底部？

我做了一个页面导航，有一个滚动到顶部和底部的按钮。问题是：使用除百分比以外的简单值，我的一个按钮不会出现，因为内容较少

因此，我的问题是如何更改代码，以便当您到达页面的60%或小于60%时，按钮将更改

例如，我读过不同的文章，但是代码不适合我的需要，或者我不知道如何将它们用于我的自定义代码

jQuery（函数（$）{
$（文档）。滚动（函数（）{
var y=$（document.scrollTop（）；
如果（y>1500）{
$（this）.find（'.icon-arrow-m'）.removeClass（'icon-arrow-m'）；
$（'a.scroll:nth child（1）>i:nth child（1）'）.addClass（“图标向上箭头”）；
}否则，如果（y您可以计算50%除以2页面高度（请参见代码片段中的
var x
）：


jQuery（函数（$）{
$（文档）。滚动（函数（）{
var y=$（document）.scrollTop（）；//从顶部开始的滚动量
var x=$（document）.height（）/2；//页面高度的一半
如果（y>x）{//滚动超过页面高度的50%
$（this）.find（'.icon-arrow-m'）.removeClass（'icon-arrow-m'）；
$（'a.scroll:nth child（1）>i:nth child（1）'）.addClass（“图标向上箭头”）；
}否则{//滚动小于页面高度的50%
$（this）.find（'.icon-arrow-up'）.removeClass（'icon-arrow-up'）；
$（'a.scroll:nth child（1）>i:nth child（1）'）.addClass（'icon-arrow-m'）；
}
});
$（“.scroll”）。单击（函数（事件）{
if（$（this）.find（'.icon-arrow-up'）.hasClass（'icon-arrow-up'））{
$（'html，body'）.animate（{scrollTop:'0'}，800）；
}否则{
$（'html，body'）.animate（{scrollTop:$（document.height（）}，800）；
}
});
})；
您可以计算50%除以页面高度的2（请参见代码片段中的
var x
）：


jQuery（函数（$）{
$（文档）。滚动（函数（）{
var y=$（document）.scrollTop（）；//从顶部开始的滚动量
var x=$（document）.height（）/2；//页面高度的一半
如果（y>x）{//滚动超过页面高度的50%
$（this）.find（'.icon-arrow-m'）.removeClass（'icon-arrow-m'）；
$（'a.scroll:nth child（1）>i:nth child（1）'）.addClass（“图标向上箭头”）；
}否则{//滚动小于页面高度的50%
$（this）.find（'.icon-arrow-up'）.removeClass（'icon-arrow-up'）；
$（'a.scroll:nth child（1）>i:nth child（1）'）.addClass（'icon-arrow-m'）；
}
});
$（“.scroll”）。单击（函数（事件）{
if（$（this）.find（'.icon-arrow-up'）.hasClass（'icon-arrow-up'））{
$（'html，body'）.animate（{scrollTop:'0'}，800）；
}否则{
$（'html，body'）.animate（{scrollTop:$（document.height（）}，800）；
}
});
})
我一直在查看您的实时站点，您能确认问题与滚动底部功能未到达页面的实际底部有关吗？是的，按钮没有完全滚动。您能试试这个吗？
$（'html，body'）。动画（{scrollTop:$（document.height（）}，800）下面是滚动问题的问题。我在其他页面上找不到任何问题。编辑：还有一个问题。我认为这是因为页面短于1500 px。如果页面滚动超过或小于50%，你应该考虑一种不同的方法。我一直在查看您的live站点，您能否确认问题与滚动底部功能没有达到页面的实际底部有关？是的，按钮没有完全滚动。您能试试这个吗？
$（'html，body'）。动画（{scrollTop:$（document）.height（）}，800）下面是滚动问题的问题。我在其他页面上找不到任何问题。编辑：还有一个问题。我认为这是因为页面短于1500 px。如果页面滚动超过或小于50%，你应该考虑一种不同的方法。我想这正是我要找的。找不到任何问题，这也适用于内容高度最短的页面。很高兴听到这个消息，我想这正是我要找的。找不到任何问题，这也适用于内容高度最短的页面。很高兴听到这个消息