jQuery粘性侧边栏(原创)

所属分类:导航-垂直导航,其他导航

 14253  69  查看评论 (3)
分享到微信朋友圈
X
jQuery粘性侧边栏(原创) ie兼容10

更新时间:2022-06-14 01:15:01

更新说明:

兼容至750px。(css使用rem为单位进行兼容)

var right_nav_top = 100     //右侧标题距离浏览器窗口顶部距离(距离顶部多少就切换左侧标题高亮)
var left_div_top = 50      //左侧边栏距离顶部高度(加上margin-top前)
var left_div_bottom = 50    //左侧边栏距离底部高度(加上margin-bottom前)

关于插件可加QQ:1022154586一起完善探讨


更新时间:2022-05-29 21:56:01

更新说明:新增点击侧边栏标题,内容滚动到对应标题处


更新时间:2022-05-27 01:02:27

本插件需要配置三个js变量:        

var left_div_top = 50         //左侧边栏距离顶部高度        

var left_div_bottom = 50  //左侧边栏距离底部高度 (以上两个数值请根据”.sinye .ann_right“右侧内容的padding和margin配置 和 ”.sinye .ann_left“这个样式配合设置)        

var right_nav_top = 100   //右侧标题距离浏览器窗口顶部距离(距离顶部多少就切换左侧标题高亮) css和js都写在html里,请自行分离(有需要的)

相关插件-垂直导航,其他导航

Css多级侧边栏导航

纯Css多级侧边栏导航
  垂直导航
 44307  395

手风琴菜单css3原生jsrem适配左侧竖排导航

样式和效果还可以的使用的rem适配兼容ie
  垂直导航
 53230  456

css3结合jQuery侧边导航酷炫展开效果

鼠标移入侧边栏,二级菜单3D展开 鼠标hover背景变色,鼠标移入二维码图片背景变色
  垂直导航
 58823  558

jquery淘宝电器左侧分类菜单

jquery淘宝电器左侧分类菜单,简单的导航悬停展示
  垂直导航
 39844  382

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    0
    2023/8/11 15:35:52
    Thinkbird 0
    2022/5/27 17:00:11
    如果能点击左侧跳转锚点就更好了
        Sinye0
        2022/5/28 18:18:31
        有更新这个功能,还没过审
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复