Javascript 如何使边栏固定时，滚动像粘性

嗯。我的侧边栏有问题。我想固定左侧边栏，当我向下滚动“Hello，world？”时，边栏会像粘滞一样向上移动。我不想使用插件。我需要一些简短的代码。这是唯一的用途。帮我做些家务。多谢各位

*/我想使用javascript…/

#标题{清除：两者；宽度：100%；背景色：暗红色；边框顶部：1px实心#d2d2d3；边框底部：1px实心#d2d2d3；边距：20px 0px 20px 0px；}
h1.head{字体系列：verdana；字体大小：200%；}
a{颜色：橙色；}
.侧边栏{浮动：左侧；宽度：25%；高度：100%；}
#文本{浮动：左；宽度：70%；}
正文{文本对齐：居中；}
p、 PA{文本对齐：左；字体大小：90%；}

你好，世界？





当我向下滚动标题时，我希望侧边栏得到修复。侧边栏会像粘性侧边栏一样上升

当我向下滚动标题时，我希望侧边栏得到修复。侧边栏会像粘性侧边栏一样上升

当我向下滚动标题时，我希望侧边栏得到修复。侧边栏会像粘性侧边栏一样上升

当我向下滚动标题时，我希望侧边栏得到修复。侧边栏会像粘性侧边栏一样上升

当我向下滚动标题时，我希望侧边栏得到修复。侧边栏会像粘性侧边栏一样上升

当我向下滚动标题时，我希望侧边栏得到修复。侧边栏会像粘性侧边栏一样上升

当我向下滚动标题时，我希望侧边栏得到修复。侧边栏会像粘性侧边栏一样上升

当我向下滚动标题时，我希望侧边栏得到修复。侧边栏会像粘性侧边栏一样上升

使用

位置：固定用于CSS中的ID
固定条
。
使用
位置：固定用于CSS中的ID
条固定
。
更新：

我想我知道你想要什么。用Javascript更新了代码

我正在设置滚动限制，超过该限制后，我将向侧边栏添加一个名为
.stickIt
的类，并将其固定在一个位置

演示：


/*似乎是javascript*/
var topLimit=$（“#固定条”）.offset（）.top；
$（窗口）。滚动（函数（）{
//console.log（topLimit更新：

我想我知道你想要什么。用Javascript更新了代码

我正在设置滚动限制，超过该限制后，我将向侧边栏添加一个名为
.stickIt
的类，并将其固定在一个位置

演示：


/*似乎是javascript*/
var topLimit=$（“#固定条”）.offset（）.top；
$（窗口）。滚动（函数（）{
//控制台日志（上限
*/我想使用javascript…/
#标题{清除：两者；宽度：100%；背景色：暗红色；边框顶部：1px实心#d2d2d3；边框底部：1px实心#d2d2d3；边距：20px 0px 20px 0px；}
h1.head{字体系列：verdana；字体大小：200%；}
a{颜色：橙色；}
.侧边栏{浮动：左侧；宽度：25%；高度：100%；}
#文本{浮点：右；宽度：70%；}
正文{文本对齐：居中；}
p、 PA{文本对齐：左；字体大小：90%；}
#条形固定{位置：固定；}

你好，世界？





当我向下滚动标题时，我想修正侧边栏。侧边栏会像粘性侧边栏一样向上移动

当我向下滚动标题时，我想修正侧边栏。侧边栏会像粘性侧边栏一样向上移动

当我向下滚动标题时，我想修正侧边栏。侧边栏会像粘性侧边栏一样向上移动

当我向下滚动标题时，我想修正侧边栏。侧边栏会像粘性侧边栏一样向上移动

当我向下滚动标题时，我想修正侧边栏。侧边栏会像粘性侧边栏一样向上移动

当我向下滚动标题时，我想修正侧边栏。侧边栏会像粘性侧边栏一样向上移动

当我向下滚动标题时，我想修正侧边栏。侧边栏会像粘性侧边栏一样向上移动

当我向下滚动标题时，我想修正侧边栏。侧边栏会像粘性侧边栏一样向上移动


*/我想使用javascript…/
#标题{清除：两者；宽度：100%；背景色：暗红色；边框顶部：1px实心#d2d2d3；边框底部：1px实心#d2d2d3；边距：20px 0px 20px 0px；}
h1.head{字体系列：verdana；字体大小：200%；}
a{颜色：橙色；}
.侧边栏{浮动：左侧；宽度：25%；高度：100%；}
#文本{浮点：右；宽度：70%；}
正文{文本对齐：居中；}
p、 PA{文本对齐：左；字体大小：90%；}
#条形固定{位置：固定；}

你好，世界？





当我向下滚动标题时，我想修正侧边栏。侧边栏会像粘性侧边栏一样向上移动

当我向下滚动标题时，我想修正侧边栏。侧边栏会像粘性侧边栏一样向上移动

当我向下滚动标题时，我想修正侧边栏。侧边栏会像粘性侧边栏一样向上移动

当我向下滚动标题时，我想修正侧边栏。侧边栏会像粘性侧边栏一样向上移动

当我向下滚动标题时，我想修正侧边栏。侧边栏会像粘性侧边栏一样向上移动

当我向下滚动标题时，我想修正侧边栏。侧边栏会像粘性侧边栏一样向上移动

当我向下滚动标题时，我想修正侧边栏。侧边栏会像粘性侧边栏一样向上移动

当我向下滚动标题时，我想修正侧边栏。侧边栏会像粘性侧边栏一样向上移动

跨越到2020年，现在更容易了：

#bar-fixed {
    height: 100vh;
    top: 10px; /* or whatever top you need */
    position: -webkit-sticky;
    position: sticky;
}

跃进到2020年，它的未来