导航瞄点定位滚动插件abBlock(原创)

所属分类:导航-水平导航,垂直导航

 10138  68  查看评论 (0)
分享到微信朋友圈
X
导航瞄点定位滚动插件abBlock(原创) ie兼容6

更新时间:2023-03-26 22:53:40

更新说明:修复index=2时像素偏差问题。新增属性early(默认=0),block内容移动时(默认=0),提前多少像素亮高下一个导航。


更新时间:2023-02-08 22:11:25

使用说明以及注意事项如下:

1、首先引用jQuery v1.8.3+版本 ( 更低版本能兼容到jQuery1.43推荐使用jQuery1.8.3+ )

jQuery目录地址  js/jquery-1.8.3.min.js

2、引用abBlock

插件目录地址如下

js/abBlock-v1.4.js   开发版

js/jquery.abBlock-v1.4.min.js   压缩迷你版(推荐使用)

3、demo目录内为演示实例相关文件

--------------------------------------------------------------------------------------------------------------------------------------- 

4、调用相关参数说明  

"scroll": "html,body", /* 父容器元素 */    
"tit": false, /* tit默认导航列表项元素 */   
"titContainer": "", /* 导航容器,(tit)列表项父容器元素 */   
"block": false, /* 内容板块,(tit)列表项对应内容项元素 */   
"stickType": "left", /* 水平方向(默认=left): left=靠左, right=靠右 */    
"positionType": 1, /* 方位: 1=顶部, 2=垂直居中, 3=底部 */   
"offsetY": 0, /* Y坐标偏移 */    
"offsetX": 0, /* X坐标偏移 */    
"appoint": false, /* [false|string|integer],定点位置。当滚动条滚动到该(元素或指定滚动高)的位置时,显示 resContainer 容器元素 */    
"onClass": false, /* 容器吸顶时(titContainer)的class样式名 */    
"offClass": false, /* 容器吸顶前(titContainer)的class样式名 */    
"titOnClass": "on", /* tit列表项当前索引class样式名 */    
"speed": 250, /* 滚动过度动画毫秒(ms) */    
"callback": null, /* 回调函数 */
相关插件-水平导航,垂直导航

动态导航菜单

jquery导航菜单制作一个类似熔岩灯jquery动画菜单效果,自适应导航菜单显示
  水平导航
 54693  439

jQuery响应式菜单导航栏

jQuery扁平化简洁响应式导航菜单
  水平导航
 60661  468

迷你登录注册

一款小型非常nice的登录注册页面
  水平导航
 40544  361

jQuery宽屏下拉菜单导航 子菜单可自定义

jQuery宽屏下拉菜单导航 子菜单可自定义
  水平导航
 64071  841

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

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复