zoukankan      html  css  js  c++  java
  • fixSidebar简介与修正log

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

    Github地址 https://github.com/iRuxu/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设置。

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

  • 相关阅读:
    文件上传
    图片压缩
    Java Utils工具类大全
    一些常用的常量
    压缩文档相关的工具类
    提供些获取系统信息相关的工具方法
    提供些常用的字符串相关的工具方法
    流相关的操作方法封装
    封装一些正则相关的操作
    随机数
  • 原文地址:https://www.cnblogs.com/iruxu/p/fixsidebar.html
Copyright © 2011-2022 走看看