Javascript 引导数据偏移底部

Javascript 引导数据偏移底部,javascript,css,twitter-bootstrap,affix,Javascript,Css,Twitter Bootstrap,Affix,我的数据偏移底部有问题。 因此,我创建了一个小示例来说明这个问题。 被监视的容器停止在正确的位置,但当向上滚动时,它会跳跃 @导入url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'); 身体{ 位置:相对位置; 颜色:白色; } .粘贴{ 顶部:50px; 宽度:100%; z指数:9999!重要; } .粘贴~.容器液体{ 位置:相对位置; 顶部:50px; } navbar先生{ 边缘底部

我的
数据偏移底部有问题
。 因此,我创建了一个小示例来说明这个问题。 被监视的容器停止在正确的位置,但当向上滚动时,它会跳跃

@导入url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
身体{
位置:相对位置;
颜色:白色;
}
.粘贴{
顶部:50px;
宽度:100%;
z指数:9999!重要;
}
.粘贴~.容器液体{
位置:相对位置;
顶部:50px;
}
navbar先生{
边缘底部:0px;
}
#第1节{填充顶部:50px;高度:500px;背景色:#1E88E5;}
#第2节{填充顶部:50px;高度:500px;背景色:#673ab7;}
#第3节{填充顶部:50px;高度:1500px;背景色:#ff9800;}


我将在第三节停下来

第一节 第二节 第三节
我已将属性
数据偏移量top=“-1”
添加到
。这就是全部。请检查结果:

@导入url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
身体{
位置:相对位置;
颜色:白色;
}
.粘贴{
顶部:50px;
宽度:100%;
z指数:9999!重要;
}
.粘贴~.容器液体{
位置:相对位置;
顶部:50px;
}
navbar先生{
边缘底部:0px;
}
#第1节{填充顶部:50px;高度:500px;背景色:#1E88E5;}
#第2节{填充顶部:50px;高度:500px;背景色:#673ab7;}
#第3节{填充顶部:50px;高度:1500px;背景色:#ff9800;}


我将在第三节停下来

第一节 第二节 第三节