fixSidebar侧边栏固定小组件
fixSidebar是一个侧边栏固定小组件,主要是用于主内容较长时让侧边栏能保持显示,依赖于jQuery。
示例地址 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设置。
评论
Sidebar-Reveal-Taasky应用程序侧边栏
Sidebar-Reveal-Taasky是一款Taasky应用程序的侧边栏,类似PaperFold。
Sidebar-Reveal-Taasky应用程序侧边栏
0
Sidebar-Reveal-Taasky应用程序侧边栏
Sidebar-Reveal-Taasky 是一款 Taasky 应用程序的侧边栏,类似 Paper
Sidebar-Reveal-Taasky应用程序侧边栏
0
jQueryStuckjQuery 侧边栏插件
jQueryStuck是一个定界符可用,事件引发,多个实时运作的jQuery插件。jQueryStuck的目标是当用户滚动时侧边栏持续可见,可以限制移动在一个容器box里面,这样就不会影响footer
jQueryStuckjQuery 侧边栏插件
0
PCSideBarController侧边栏导航
PCSideBarController是UIViewController,通过一个侧边栏来提供导航。侧边栏包括选择视图控制器和操作按钮的管理。
PCSideBarController侧边栏导航
0
YRSideViewController侧边栏抽屉效果
YRSideViewController 是一个侧边栏抽屉效果。本站侧边栏抽屉效果不少,但是这个还是有一些不同的。目前默认的效果有点类似网易新闻客户端,可以很方便的改为其他效果。具体特色是:1.默认支
YRSideViewController侧边栏抽屉效果
0