Javascript 滚动元素以锚定屏幕高度的75%

这似乎有点复杂-我正在尝试构建一个函数

当Y轴达到单个邮件容器的特定高度百分比时，我尝试创建一个粘性滚动函数。侧边栏本身相当长，基本上当你到达文章的底部-评论部分时。single post容器粘贴在顶部，侧边栏有固定的滚动

下面是我尝试创建函数的一个片段

$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）>=800）{
$（'.sidebar fixed'）.addClass（'test'）；
$（'.single-post-container'）.addClass（'single-post-fixed'）；
}否则{
$（'.sidebar fixed'）.removeClass（'test'）；
$（'.single-post-container'）.removeClass（'single-post-fixed'）；
}
});

有一个相对较新的CSS属性

位置：粘性这将满足您的需要，但浏览器支持有点缺乏：

只需给出你的
。单个帖子
或内容中的任何元素
位置：sticky并且当它到达视口顶部时，它将保持其位置，就像在不需要javascript的情况下固定一样
 有一个非常古老的jQuery插件，可以满足您的需要，我仍然一直在使用它。它叫

一个演示，看看它做什么。我认为
$（'.single-post-container'）.stickyfloat（{duration:0}）应该可以解决您的问题。甚至可以为所需的起点偏移添加一个选项。此偏移量应为
。单个邮件容器的高度减去窗口的高度。这样，当文章的底部在屏幕上时，滚动就开始了

这实际上颠倒了侧边栏的定义。主文章成为侧边栏，在实际侧边栏旁边滚动，该侧边栏定义了整个页面的高度。这个插件最棒的地方是，你可以在你的站点上添加页眉和页脚，固定内容不会重叠，而是停在页脚处。
你的代码片段丢失了。