Javascript 在ul中，我有30个列表和5个标题。在卷轴上，我想使标题变粘

在ul中，我有大约30个列表，其中有5个标题。在scroll上，我想使用jquery（不带css属性position:fixed）使标题在到达容器顶部时保持粘性

#类别{
宽度：150px；
高度：140像素；
边框：1px实心#ddd；
溢出y：滚动；
}
#类别ul li{
高度：20px；
宽度：108px；
边界：无；
字体大小：13px；
列表样式类型：无；
}
#标题{
字体大小：粗体；
字体大小：15px！重要；
}

水果
芒果
苹果
香蕉
橙色的
蔬菜
胡萝卜
马铃薯
洋葱
西红柿
鲜花
玫瑰
莉莉
向日葵
已婚妇女
鸟
孔雀
鹦鹉
鸽子
公鸡

id必须是唯一的，而应使用类来共享对象。@iHasCodeForU yes id必须是唯一的。发帖的时候我没有注意到。你什么时候会把一个粘头换成另一个？另外，position:fixed是一个很好的粘贴解决方案，否则您必须在滚动时始终更改边距顶部。@troy当它到达容器顶部时。是位置固定是一个很好的解决方案，但在某些情况下，容器将具有水平滚动和可拖动属性。在这些情况下，它有点问题。id必须是唯一的，而应该使用一个类来共享对象。@IHASCODEFRU yes id必须是唯一的。发帖的时候我没有注意到。你什么时候会把一个粘头换成另一个？另外，position:fixed是一个很好的粘贴解决方案，否则您必须在滚动时始终更改边距顶部。@troy当它到达容器顶部时。是位置固定是一个很好的解决方案，但在某些情况下，容器将具有水平滚动和可拖动属性。在这些情况下，它有点问题。