一. 锚点定位，滚动演示

通过设置默认显示或不显示上下左右的位置，精确的对页面中每个导航对应内容定位。也可设置默认一种样式或内容，滚动后变换一种样式或内容，同时你在滚动页面的时候还可以看到当前阅读的导航处于什么状态。

默认显示导航
①顶部吸附锚点定位实例②左侧吸附锚点定位实例③右侧吸附锚点定位实例④底部吸附锚点定位实例
默认不显示导航
①顶部吸附锚点定位实例②左侧吸附锚点定位实例③右侧吸附锚点定位实例④底部吸附锚点定位实例
变换导航实例
①顶部吸附锚点定位，下滑滚动后改变导航样式。②顶部吸附锚点定位，下滑滚动后改变导航内容。
③顶部默认显示吸附导航，上滑不显示导航。④顶部默认不显示吸附导航，上滑显示导航。

二. 不锚点定位，滚动演示

不设置导航的锚点定位，也能设置默认显示或不显示，也可以设置处于上下左右的具体位置，也可以设置默认一种样式或内容，滚动后变换一种样式或内容。无论怎么滑动网页，导航始终显示于你定位的具体位置。

默认显示导航
①顶部吸附导航滚动实例②左侧吸附导航滚动实例③右侧吸附导航滚动实例④底部吸附导航滚动实例
默认不显示导航
①顶部吸附导航滚动实例②左侧吸附导航滚动实例③右侧吸附导航滚动实例④底部吸附导航滚动实例
变换导航实例
①顶部吸附不锚点定位，下滑滚动后改变导航样式。②顶部吸附不锚点定位，下滑滚动后改变导航内容。
③顶部默认显示吸附导航，上滑不显示导航。④顶部默认不显示吸附导航，上滑显示导航。

返回首页|插件下载

abBlock基于jquery实现的导航锚点定位插件

设置导航默认是否显示，是否锚点上下左右的位置吸附，精确的对导航对应内容进行定位，可设置导航默认
样式或内容，滚动后变换样式或内容。同时在滚动页面时可看到当前阅读的导航对应状态。
兼容IE6+ Safari Opera Firefox Chrome等大部分浏览器。

Copyright © 2010-2023 www.geshai.com, Geshai Team, All Rights Reserved.
QQ交流群(一)158544200(二)790370978可反馈问题

Top