Html 修复了在引导中滚动时的侧边栏

因此，我希望左侧边栏在显示边栏底部内容时保持固定，在滚动到页脚时保持固定。然后，无论何时向上滚动，当侧边栏顶部到达顶部时，侧边栏将保持固定。 我可以使用引导粘贴进行此操作吗？ 这与左侧边栏的行为完全相同：

我非常感谢您的帮助，我不知道是否要将我所有的代码都粘贴到这里。虽然太多了，但我有一个页眉、侧边栏、内容和页脚。

请参见：

$document.readyfunction{ console.log文件准备就绪； 变量$sticky=$'.sticky'； 变量$stickyrStopper=$'。sticky stopper'； 如果！！$sticky.offset{//请确保.sticky元素存在 var generalSidebarHeight=$sticky.innerHeight； var stickyTop=$sticky.offset.top； var stickOffset=0； var stickyStopperPosition=$stickyrStopper.offset.top； var StopperPoint=stickyStopperPosition-generalSidebarHeight-stickOffset； var diff=停止点+粘滞点； $window.scrollfunction{//scroll事件 var windowTop=$window.scrollTop；//返回数字 如果停止点<窗口顶部{ $sticky.css{position:'absolute'，top:diff}； }否则，如果stickyTop这里有一个简单的例子，说明你如何做到这一点。这个例子需要jQuery

$function{ var侧栏=$'。侧栏'； var top=sidebar.offset.top-parseFloatsidebar.css'margin-top'； $window.scrollfunctionevent{ var y=$this.scrollTop； 如果y>=顶部{ 侧边栏.addClass“已修复”； }否则{ 侧边栏。移除类“固定”； } }; }; /*-需要的东西-*/ /*侧边栏上的上边距*/ .侧边栏， .内容{ 边缘顶部：20px； } /*修正了将从JS中添加的边栏*/ .固定{ 位置：固定； 排名：0； } /*-以下代码仅为示例-*/ * { 框大小：边框框； } 身体{ 利润率：20px； } p{ 填充物：5px； 保证金：0； } .导航{ 宽度：100%； 高度：20px； 边框：绿色2px实心； } .内容{ 宽度：70%； 边框：2倍纯绿； 浮动：对； } .侧边栏{ 宽度：100px； 高度：300px； 浮动：左； 边框：2倍纯红； } 航行 边栏 Lorem ipsum dolor sit amet，是一位杰出的献身者。在前庭内腔中，有一条小径的软体动物。Ut nec consequat dolor。威尼斯人只不过是拉齐尼亚人。侵权之诉、无效之诉、便利之诉 奥奇。奎斯克·伊普苏姆·杜伊（Quisque ipsum dui）、维尼那提家族（Lorenatis）、拉库斯家族（porttitor lacus）。我是奥古斯·维塔斯·弗林利亚·廷西登。在我的房间里。前庭位于枕上。酒后驾车在accumsan厄洛斯。自由奉献累积元素 权杖。毛里斯·乌特·图尔皮斯是一位伟大的艺术家。请不要告诉我，你的爱是什么，你的爱是什么。这是我的宿命，是我的兽人。Donec molestie，mauris vitae accumsan venenatis， 这只猫是临时的，它坐在自由的两层。Nunc sed turpis nec ipsum tristique porta。维韦拉·索利西图丁·维利特。这是一个很好的例子。埃涅阿斯·阿利奎特·拉库斯·阿库，我是一位临时演员。在韦尔埃尼姆多洛。 塞德·塞姆·夸姆。佩伦特斯风格的权杖，在坦普斯。前庭静脉曲张。在sollicitudin magna的Suspendisse。埃涅亚调味品，非朗卡斯·亨德雷特调味品，奥古斯·奥古斯·库苏斯·努拉调味品，奥奇的康莫多·多洛·胡斯托调味品。 porttitor的Vivamus拍卖人vitae dolor。普雷森特·尤伊斯莫·佩伦茨克·索利西图丁。福赛勒斯·布兰迪的告别格言。埃蒂亚姆·亨德雷特（Etiam hendrerit）是一个新的继承人。Mauris elit orci、facilisis ut fermentum ac、consequat vel nisl。同侧阴唇 坐在阿梅特，献身于和平的精英。在前庭内腔中，有一条小径的软体动物。Ut nec consequat dolor。威尼斯人只不过是拉齐尼亚人。侵权之诉，无因之诉，或因权利之诉。奎斯克 ipsum dui、venenatis、lacus港口间。我是奥古斯·维塔斯·弗林利亚·廷西登。在我的房间里。前庭位于枕上。酒后驾车在accumsan厄洛斯。这是自由女神权杖的累积元素。 莫里斯 但是，turpis id nibh iaculis egestas eget ornare risus。请不要告诉我，你的爱是什么，你的爱是什么。这是我的宿命，是我的兽人。Donec molestie、mauris vitae accumsan venenatis、felis turpis 暂时，坐在自由的两层。Nunc sed turpis nec ipsum tristique porta。维韦拉·索利西图丁·维利特。这是一个很好的例子。埃涅阿斯·阿利奎特·拉库斯·阿库，我是一位临时演员。在韦尔埃尼姆多洛。扫描电镜 夸姆。佩伦特斯风格的权杖，在坦普斯。前庭静脉曲张。在sollicitudin magna的Suspendisse。埃涅亚调味品，非朗卡斯·亨德雷特调味品，奥古斯·奥古斯·库苏斯·努拉调味品，奥奇的康莫多·多洛·胡斯托调味品。活体拍卖人 porttitor的vitae dolor。普雷森特·尤伊斯莫·佩伦茨克·索利西图丁。福赛勒斯·布兰迪的告别格言。埃蒂亚姆·亨德雷特（Etiam hendrerit）是一个新的继承人。Mauris elit orci、facilisis ut fermentum ac、consequat vel nisl。Lorem ipsum dolor sit amet， 献祭精英。在前庭内腔中，有一条小径的软体动物。Ut nec consequat dolor。威尼斯人只不过是拉齐尼亚人。侵权之诉，无因之诉，或因权利之诉。奎斯基同侧 酒后驾车，维尼那提家族，拉卡斯家族。我是奥古斯·维塔斯·弗林利亚·廷西登。在我的房间里。前庭位于枕上。酒后驾车在accumsan厄洛斯。这是自由女神权杖的累积元素。 毛里斯·乌特·图尔皮斯是一位伟大的艺术家。请不要告诉我，你的爱是什么，你的爱是什么。这是我的宿命，是我的兽人。Donec molestie、mauris vitae accumsan venenatis、felis turpis 暂时，坐在自由的两层。Nunc sed turpis nec ipsum tristique porta。维韦拉·索利西图丁·维利特。这是一个很好的例子。埃涅阿斯·阿利奎特·拉库斯·阿库，我是一位临时演员。在韦尔埃尼姆多洛。扫描电镜 夸姆。佩伦特斯风格的权杖，在坦普斯。前庭静脉曲张。在sollicitudin magna的Suspendisse。埃涅亚调味品，非朗卡斯·亨德雷特调味品，奥古斯·奥古斯·库苏斯·努拉调味品，奥奇的康莫多·多洛·胡斯托调味品。活体拍卖人 porttitor的vitae dolor。普雷森特·尤伊斯莫·佩伦茨克·索利西图丁。福赛勒斯·布兰迪的告别格言。埃蒂亚姆·亨德雷特（Etiam hendrerit）是一个新的继承人。Mauris elit orci、facilisis ut fermentum ac、consequat vel nisl。

---

是否可以发布css，只发布用于侧导航的类。？