Javascript 如何允许用户在分配位置：固定值后继续滚动？

很抱歉，这个问题很模糊，但是如果你看看我的代码，应该会更清楚

var phadesTriggered=0；
$（文档）.ready（函数（）{
$（'.frame'）.css（{height:newwindowdimensions（）.height+'px'}）；
$（'.container'）.css（{height:newwindowdimensions（）.height+1+'px'}）；
$（'.spacer'）.css（{height:newwindowdimensions（）.height+1+'px'}）；
$（'.phade'）.css（{height:newwindowdimensions（）.height}）；
});
功能文档维度（）{
this.height=$（document.height（）；
this.width=$（document.width（）；
}
函数窗口维度（）{
this.height=$（window.height（）；
this.width=$（window.width（）；
}
函数getScroll（）{
返回$（'#page'）。scrollTop（）；
}
$（'#page'）。滚动（函数（）{
var scroll=Math.floor（getScroll（）/新建windowDimensions（）.height）*新建windowDimensions（）.height；
var currentPhade=document.getElementsByClassName（'phade'）[滚动/新建windowDimensions（）.height]；
if（$（currentPhade）.css（'display'）=='none'）{
$（currentPhade）.css（'display'，'block'）；
$（'#page'）。滚动顶部（滚动，0）；
$（currentPhade）.animate（{opacity:'1'}，3000）；
$（currentPhade）.addClass（'fixed'）；
phadesTriggered++；
if（phadesTriggered>=document.getElementsByClassName（'phade'）.length）{
$（'.spacer'）.css（'display'，'none'）；
}
}
});

斯芬克斯卷轴
.表演{
显示：块；
}.隐藏{
显示：无；
}
.框架{
宽度：100%；
高度：100px；
溢出：自动；
填充：0 5px 0 5px；
}
法德先生{
不透明度：0；
显示：无；
}
.spacer{/*此空间故意留空*/}
.光环{
背景图像：url（'https://content.halocdn.com/media/Default/games/halo-5-guardians/page/h5-guardians-facebook-1200x630-ba103624b3f34af79fe8cb2d340dce3f.jpg');
}
罗布罗克斯先生{
背景图像：url（'https://images.rbxcdn.com/d66ae37d46e00a1ecacfe9531986690a.jpg');
}
.固定{
位置：固定；
排名：0；
宽度：100%；
}
栈单
栈单
为什么要调用这么多新的
实例？整个要点是将实例存储到一个变量中，这样您就可以访问属性，这样一个调用就可以获得
.height
和
.width
。我认为您的问题是
$（'#page'）。滚动什么？没有内容。我删除了滚动条，它不起作用。而且，
新的
实例是一个错误。。。直到我用了大约5次才意识到这个错误。你为什么要调用这么多的
新的
实例？整个要点是将实例存储到一个变量中，这样您就可以访问属性，这样一个调用就可以获得
.height
和
.width
。我认为您的问题是
$（'#page'）。滚动什么？没有内容。我删除了滚动条，它不起作用。而且，
新的
实例是一个错误。。。直到我用了大约5次才意识到这个错误。