今天就来介绍一款兼容性比较好的，jQuery插件 – Theia Sticky Sidebar，可以智能侧边栏跟随固定范围浮动的效果！
首先，你的HTML结构应是这样：
<divclass="wrapper"><divclass="content">...</div><divclass="sidebar">...</div></div>
其中，sidebar是想要智能滑动的元素；
然后引入JS文件：
<scripttype="text/javascript"src="/jquery.min.js"></script><scripttype="text/javascript"src="theia-sticky-sidebar.js"></script><scripttype="text/javascript">jQuery(document).ready(function(){jQuery(.sidebar).theiaStickySidebar({//SettingsadditionalMarginTop:30});});</script>
其中，第一个js，大多数主题已经带有了，可以不引入！第二个theia-sticky-sidebar.js，可以去这里下载；第三个js中的.sidebar跟上面的对应，就是想要智能滑动的元素对应的选择器，class或id。
可用配置参数及说明：
containerSelector：侧边栏的父容器元素。如果没有指定直接使用侧边栏的父元素。
additionalMarginTop：可选值。指定侧边栏的顶部margin值，单位像素，默认为0像素。
additionalMarginBottom：可选值。指定侧边栏的底部margin值，单位像素，默认为0像素。
updateSidebarHeight：是否更新侧边栏的高度。默认为true。
minWidth：如果侧边栏的宽度小于这个值，将恢复为正常尺寸。默认值为0。（该选项用于响应式设计）
defaultPosition：侧边栏必须是非static的定位方式。默认为relative定位方式。
namespace：绑定事件的命名空间。默认为TSS。
最后，好吧，没有下一步了，至此已经实现了部署。如果你也喜欢这样的侧边栏浮动效果的话，那就不要犹豫赶紧折腾吧，祝成功！
从github下载包：
theia-sticky-sidebar-master.zip
github：
/WeCodePixels/theia-sticky-sidebar
jQuery插件 – theia-sticky-sidebar – 智能侧边栏跟随固定范围浮动的效果 – js/jQuery – 前端 jquery mobile 入门视频
如果觉得《jQuery插件 – theia-sticky-sidebar – 智能侧边栏跟随固定范围浮动的效果 – 》对你有帮助，请点赞、收藏，并留下你的观点哦！
