Javascript 使用窗口滚动将图元更改为固定时保持图元位置

我将一个div的位置更改为fixed，一旦它到达一个特定的部分，然后一旦它到达

#subslec

，它将返回到

位置：relative

我遇到的问题是，当

#rotateTextCont

应用了

位置：fixed

时，它将脱离其原始格式

当位置变为“固定”时，如何保持原始格式

$（窗口）。滚动（功能（e）{
if（$（this）.scrollTop（）>=$（'#subslec'）.offset（）.top-50）{
$（'rotateTextCont'）。removeClass（'fixed'）；
}否则{
$（'rotateTextCont'）.addClass（'fixed'）；
}
});
#蓝色{
宽度：100%；
高度：300px；
背景：蓝色；
}
.sec60{
宽度：60%；
保证金：60像素自动；
}
#rotateTextCont{
位置：相对位置；
边缘顶部：60像素；
}
#rotateTextCont.fixed{
位置：固定；
/*左：0%；
最高：50%；
转化：translateY（-50%）*/
}
#旋转文字{
位置：绝对位置；
左：0%；
最高：50%；
-webkit变换：旋转（-90度）translateX（-50%）；
变换：旋转（-90度）translateX（-50%）；
字体系列：“Nunito”，无衬线；
字母间距：.2em；
字号：2rem；
颜色：#b82222；
}

固定文本

“我们必须清楚地认识到所有人都有错误，这是一个值得称赞的事实，是一个符合发明家真实性的事实，也是一个必须解释清楚的事实的准建筑师
从一个角度看，这是一个大的问题，它是一个理性的问题，是一个理性的问题，是一个理性的问题，是一个理性的问题，是一个理性的问题，是一个理性的问题，是一个理性的问题，是一个理性的问题，是一个理性的问题
在劳动和福利方面，只要有最低限度的福利，就必须在劳动和福利领域内，通过劳动和福利机构的劳动实践，从商品消费的流动性中获取收益，并在劳动和福利领域内享有平等的权利
“你是一名律师吗？你是一名律师吗？”


“我们必须清楚地认识到所有人都有错误，这是一个值得称赞的事实，是一个符合发明家真实性的事实，也是一个必须解释清楚的事实的准建筑师
从一个角度看，这是一个大的问题，它是一个理性的问题，是一个理性的问题，是一个理性的问题，是一个理性的问题，是一个理性的问题，是一个理性的问题，是一个理性的问题，是一个理性的问题，是一个理性的问题
在劳动和福利方面，只要有最低限度的福利，就必须在劳动和福利领域内，通过劳动和福利机构的劳动实践，从商品消费的流动性中获取收益，并在劳动和福利领域内享有平等的权利
“你是一名律师吗？你是一名律师吗？”

为了示例，我加入了一些虚拟偏移值，现在关于您的问题，您可以考虑使用
max content
（注意代码中特定于浏览器的前缀），这是我能找到的最简单的方法，尽管我强烈建议您检查浏览器兼容性，并针对您的潜在客户进行评估

编辑

包括注释css，使其在Chrome中工作。我工作的地方没有Chrome，但据我所知，Chrome也能工作。让我知道


var-reachesSpecificSection=60；
var达到LSEC=350；
$（窗口）。滚动（功能（e）{
让scrollTop=$（this.scrollTop（）；
如果（scrollTop>reachesSpecificSection&&scrollTop
.sec60{
宽度：60%；
保证金：60像素自动；
}
#rotateTextCont{
位置：相对位置；
/*边缘顶部：60像素*/
}
#rotateTextCont.fixed{
位置：固定；
排名：0；
/*左：0%；
最高：50%；
转化：translateY（-50%）*/
}
#旋转文字{
位置：绝对位置；
左：0%；
最高：50%；
-webkit变换：旋转（-90度）translateX（-50%）；变换：旋转（-90度）translateX（-50%）；
字体系列：“Nunito”，无衬线；
字母间距：.2em；
字号：2rem；
颜色：#b82222；
宽度：-moz最大内容；/*Mozilla Firefox*/
宽度：-webkit最大内容；/*iOS Safari*/
宽度：最大内容；/*其他受支持的浏览器（包括Chrome）*/
}

固定文本

“我们必须清楚地认识到所有的自然错误，并将其视为一种赞美、一种开明、一种真实的发明家和准建筑师的行为，必须加以解释。我们必须将其视为一种理性的行为，而不是一种理性的行为。”以下是一个例子：一个人在工作和生活中的时间长短，他在工作和生活中的时间长短，他在工作和生活中的时间长短，他在工作中的时间长短，他在工作中的时间长短，他在工作中的时间长短，他在工作中的时间长短，他在工作中的时间长短，他在工作中的时间长短，他在工作中的时间长短，他在工作中的时间长短，他在工作中的时间长短，他在工作中的时间，他在工作中的时间长短，他在工作中的时间，他在工作中的时间，他在工作中的时间，他在工作中的时间，他在工作中的时间，他在工作中的时间，他在工作中的你是否认为自己是一个不受法律约束的人，而不是一个不受法律约束的人？”


“我们必须清楚地认识到所有的自然错误，并将其视为一种赞美、一种开明、一种真实的发明家和准建筑师的行为，必须加以解释。我们必须将其视为一种理性的行为，而不是一种理性的行为。”这是一个很好的例子
#rotateTextCont {
   position: relative;
   margin-top: 60px;
   white-space: nowrap;
}