Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当滚动行未结束时,如何修复列? //内容 //内容_Javascript_Html_Jquery_Css_Bootstrap 4 - Fatal编程技术网

Javascript 当滚动行未结束时,如何修复列? //内容 //内容

Javascript 当滚动行未结束时,如何修复列? //内容 //内容,javascript,html,jquery,css,bootstrap-4,Javascript,Html,Jquery,Css,Bootstrap 4,我的设计是第一列比第二列长 如果第二列数据已结束,我希望在滚动时,第二列在该时间固定。看起来像position:sticky是您需要的: #首先{ 背景色:红色; 高度:500px; } #第二{ 背景颜色:绿色; 高度:50px; 职位:-网络工具包粘性; 位置:粘性; 排名:0; } 第一列 第二栏 <div class="row"> <div class="col-lg-8"> //Content <

我的设计是第一列比第二列长


如果第二列数据已结束,我希望在滚动时,第二列在该时间固定。

看起来像
position:sticky
是您需要的:

#首先{
背景色:红色;
高度:500px;
}
#第二{
背景颜色:绿色;
高度:50px;
职位:-网络工具包粘性;
位置:粘性;
排名:0;
}

第一列
第二栏
<div class="row">

 <div class="col-lg-8">
     //Content
 </div>


 <div class="col-lg-4">
     //Content
  </div>

</div>