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

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

 8373  63  查看评论 (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, /* 回调函数 */
相关插件-水平导航,垂直导航

仿今日头条APP顶部点击可居中导航

H5顶部导航条, 仿今日头条APP顶部点击可居中导航。该导航可手动左右滑动,点击选中后,选中项自动居中显示。
  水平导航
 27686  314

jQuery移动端左右滑动导航

jQuery手机触屏滑动导航,调整浏览器窗口大小查看效果
  水平导航
 79666  494

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

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

二级菜单导航栏

简单的菜单栏
  水平导航
 60995  462

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

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