Jquery 滚动时，所选块只需固定在顶部

仅将列表中选定的

li

元素固定在顶部

jQuery（“.list外部ul li”）。单击（函数（）{
jQuery（this）.toggleClass（“li活动”）；
});
.li处于活动状态{
背景：红色；
}



内容blk1


内容blk2


内容blk3


内容blk4


如果希望在滚动时保持所选元素可见，可以通过向
列表添加属性来使用CSS存档：

.li-active {
    background: red;
    position:fixed;
}


为了更美观，我建议您创建两个列表，一个是普通列表，另一个是带有选定元素的列表

<ul class="list-outer">
    <li>
      Content blk1
    </li>
    <li>
      Content blk2
    </li>
    <li>
      Content blk3
    </li>
    <li>
      Content blk4
    </li>
  </ul>
  <ul class="selected-list"></ul>

这样，您将只在页面中固定选定列表：

.selected-list{
    position:fixed;
}


更新：
要将其返回到上一个列表：

$(".selected-list li").on('click',function() {
  $(this).detach().appendTo(".list-outer");
});

我真的不知道你要什么@艾斯贝尔和你一样！非常感谢。这台机器运转正常。另一个帮助是，当我点击所选列表时，如何将其放回原始列表（.list outer），这是它的工作方式。bcz它是动态添加的元素。jQuery（'.selected list'）.on（'click'，'li'，function（）{jQuery（this.detach（）.appendTo（.list outer”）；}）；你的回答使我找到了解决办法。非常感谢。@CristianS9请再给我一个帮助……我如何限制所选列表中的项目数。也就是说，只有两个项目应该从外部列表添加到所选列表中。如果选择了两个以上，则显示一条消息。添加
var selected=0
然后只需在每个函数中添加或减去它，也可以在add函数中添加一个
if（Selected）。请检查这一点。第一轮工作是正确的。然后返回到上一个列表时会显示警报。您能帮我解决这个问题吗`var count=0；jQuery（.main list li”）。单击（函数（）{if（count<2）{jQuery（this）.detach（）.appendTo（“.selected list”）；count++；}else{alert（“只能选择两项”）；}）；jQuery（“.selected list”）.on（'click'，li'，function（）{jQuery（this）.detach（）.appendTo（.main list”）；}）`
$(".selected-list li").on('click',function() {
  $(this).detach().appendTo(".list-outer");
});