fixSidebar简介与修正log_html/css_WEB-ITnose

fixSidebar是自己写的一个侧边栏固定小组件，主要是用于主内容较长时让侧边栏能保持显示，依赖于jQuery。

Github地址 https://github.com/iRuxu/iRuxu.ui/tree/master/fixSidebar

示例地址 http://www.jx3pve.com/macro

整个写作的原因是看到远人在慕课的一篇课程想来写的，不过做了功能细化。

使用方法

fixSidebar(selector,top,bottom,triggerScroll)

比如

fixSidebar('sidebar',30,80,100)

参数说明

selector是选择器，会被传入到jQuery中，如果没有则退出函数，故如果懒人的话直接加载在全局JS文件中即可。

top为传入的距顶位置，这个的作用是，如果存在fix的panel导航或用户条时，不传值的话则为0。

bottom为传入的距底位置，这个作用是距底位置，如果你还有全局的底部导航等时，应该设置此值，可以稍微比底栏高度再大一点点保留间距感，不传值的话则为0。

triggerScroll则是在v0.3的时候新加的，当时由于自己私人项目中的这个页面还有头部横幅，于是如果必要的话，你还可以设置，触发fix时的值，比如这个页面则在250以后开始触发。

内置自动判定了默认在页面中的实际水平坐标。当侧边栏长度小于页面长度时默认依据顶部来计算位置，当侧边栏长度大于页面时才依旧底部来计算位置。

在最近副本栏目的应用中，由于幻灯滚动的存在，我发现会出现一点滚动异常，思忖良久，发觉是受幻灯overflow的BFC管理而导致的，最终的解决方法是给传入的selector设置overflow:hidden，必须由它自己管理自己。此项已自动在v0.4中加入在函数中了，无需再额外css设置。

 

好了，最后，如果您有更好的建议也可以反馈我～