侧边栏固定小组件 fixSidebar

• 授权协议: GPL
• 开发语言: JavaScript
• 操作系统: 跨平台
• 软件首页: https://github.com/iRuxu/iRuxu.ui/tree/master/fixSidebar
• 软件文档: http://www.cnblogs.com/iruxu/p/fixsidebar.html

软件介绍

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设置。

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

本文地址：https://codercto.com/soft/d/22257.html