UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

jQuery条件锚点导航

所属分类：导航-垂直导航

 41176  372  查看评论 (23)
分享到微信朋友圈
X
jQuery条件锚点导航 ie兼容6
 查看演示  立即下载 
//点击选车导航事件
$('.brand_left .numA-Z a').on('click', function(event) {
	event.preventDefault();
	var $self=$(this),
		navT=$self.text(),
		$list=$self.closest('.brand_left').find('.brand_list');

	$self.addClass('active').siblings().removeClass('active');
	$list.animate({
		scrollTop:$list.find('.name:contains('+navT+')').prop('offsetTop')
	}, 'fast');
});
//展开品牌列表
$('.brand_list li').on('click', function(event) {
	event.preventDefault();
	var $self=$(this),
		$downList=$self.next('.a1');
	$downList.length>0?$downList.slideToggle('fast'):false;
});
相关插件-垂直导航
查看更多

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

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

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

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

超酷的SVG左侧导航栏特效

 超酷的SVG左侧导航栏特效(Cool SVG left navigation bar effects)
  垂直导航
 53552  612

手机端jQuery响应式菜单栏

 手机端响应式菜单栏,请把浏览器宽度调整到640像素查看效果
  垂直导航
 52956  381

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

    饭粒鸨鸨 0
    2018/10/30 9:53:02
    我思故我在 0
    2017/12/19 18:10:17

    很棒

        许尊少0
        2017/12/20 13:12:12

        谢谢亲的认可！

    回复
    岁月无痕 0
    2017/12/4 18:03:24

    想做一个定位，就是在其他界面点某个车型或者车系品牌的时候跳到这列表里面，树也定位到对应的车型车系或品牌。可以的话做一个demo

        许尊少0
        2017/12/5 11:26:38

        可以加我Q告知我具体需求：706556401

    回复
    岁月无痕 0
    2017/11/27 13:43:05

    里面的链接A链接点击无效   奥迪Q3那层

        许尊少0
        2017/11/27 17:28:52
        event.preventDefault();

        将上边这行代码去掉，取消事件初始化代替DOM默认事件

    回复
    岁月无痕 0
    2017/11/27 11:42:02
    为什么点击无效啊
        许尊少1
        2017/11/27 17:29:56

        点击事件我做了事件初始化，代码编辑器自动生成，在演示demo里忘记删掉了，讲一下代码在相应事件删除

        event.preventDefault();
    回复
    ricefoto 0
    2017/11/14 9:06:42

    楼主可以参考下百度题库那个效果，https://tiku.baidu.com/tikupc/chapterlist/7728915f804d2b160b4ec005-0-knowpoint-11

        许尊少0
        2017/11/14 9:11:49

        亲，全屏式滚动和某元素定位滚动是不一样的，这个就是实际项目中的一个需求，然后我上传了，不过很感谢亲的关注，有什么问题可以随时留言给我，我每天都会看

        ricefoto0
        2017/11/14 9:14:25
        好的。我是在找一个类似那样的一个效果，我自己不会写，想拿来改吧改吧
        许尊少0
        2017/11/27 17:30:37

        平时工作中有什么疑难杂症也可以留言

    回复
    a304749118 0
    2017/11/4 18:07:27

    很棒

        许尊少0
        2017/11/14 9:13:24

        谢谢亲的支持！

        ice0
        2017/11/30 15:40:07
        想要下载
    回复
    张大臀 0
    2017/11/2 8:45:16

    创意不错  要是右侧滚动左侧也跟着变化就更好了

        SiriBen0
        2017/11/2 9:45:38

        你是说的点击字母，右边滚动条定位，如果拉动右边滚动条，左边字母也跟着定位是吧？

        许尊少0
        2017/11/2 9:59:07

        想法不错，后期更新上去，这一版本是项目需求定做

        花?"0
        2018/6/4 14:56:07
        这个解决了吗
        ??Su0
        2018/9/6 17:30:45
        我也是想要这个效果
        鸭鸭0
        2019/5/16 11:42:24
        对啊 要是跟微信通讯里右侧的英文导航一样 那就更棒了!
        小号0
        2019/8/16 14:47:21
        good 正好需要这个效果
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复