使用javascript上下滚动

我试着把下面的代码放在一起，但不起作用。当我向下滚动时，页面向上按钮出现，当我单击它时，滚动将位于页面顶部。当我向上滚动到页面顶部时，会出现page down（向下翻页）按钮，当我单击它时，它会执行与page up scroll相同的操作

var-amountScrolledTop=200；
var amountScrolledDown=50；
$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）>amountScrolledTop）{
$（'a.back-to-top'）.fadeIn（'slow'）；
}否则{
$（'a.back-to-top'）.fadeOut（'slow'）；
}
如果（$（窗口）.scrollTop（）
.down 1{
宽度：60px；
高度：60px；
文本缩进：-9999px；
位置：固定；
z指数：999；
右：60px；
顶部：80px；
背景：url（“../img/simple_icons/downArrow.png”）无重复中心43%；
}
.回到顶端{
显示：无；
宽度：60px；
高度：60px；
文本缩进：-9999px；
位置：固定；
z指数：999；
右：20px；
底部：20px；
背景：url（“../img/simple_icons/upArrow.png”）无重复中心43%；
}

.
.
.
我想这就是您想要的，我在代码上添加了一些注释来描述我所做的修改


var-amountScrolledTop=200；
var amountScrolledDown=50；
$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）>amountScrolledTop）{
$（'a.back-to-top'）.fadeIn（'slow'）；
}否则{
$（'a.back-to-top'）.fadeOut（'slow'）；
}
如果（$（窗口）.scrollTop（）
.down 1{
宽度：60px；
高度：60px；
位置：固定；
z指数：999；
右：60px；
顶部：80px；
背景：url（“../img/simple_icons/downArrow.png”）无重复中心43%；
}
.回到顶端{
显示：无；
宽度：60px；
高度：60px；
位置：固定；
z指数：999；
右：20px；
底部：20px；
背景：url（“../img/simple_icons/upArrow.png”）无重复中心43%；
}
#中段{
高度：2000px；
背景色：#bbb；
}
我想这就是您想要的，我在代码上添加了一些注释来描述我所做的修改


var-amountScrolledTop=200；
var amountScrolledDown=50；
$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）>amountScrolledTop）{
$（'a.back-to-top'）.fadeIn（'slow'）；
}否则{
$（'a.back-to-top'）.fadeOut（'slow'）；
}
如果（$（窗口）.scrollTop（）
.down 1{
宽度：60px；
高度：60px；
位置：固定；
z指数：999；
右：60px；
顶部：80px；
背景：url（“../img/simple_icons/downArrow.png”）无重复中心43%；
}
.回到顶端{
显示：无；
宽度：60px；
高度：60px；
位置：固定；
z指数：999；
右：20px；
底部：20px；
背景：url（“../img/simple_icons/upArrow.png”）无重复中心43%；
}
#中段{
高度：2000px；
背景色：#bbb；
}

尝试清除浏览器缓存。尝试在淡出后设置“无显示”…您到底面临什么问题？尝试清除浏览器缓存。尝试在淡出后设置“无显示”…您到底面临什么问题？