jQuery条件锚点导航

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

 40066  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;
});
相关插件-垂直导航

jQuery nav导航(原创)

基于jquery的导航,可折叠可展开。
  垂直导航
 28381  297

jQuery条件锚点导航

自动定位锚点导航
  垂直导航
 40067  372

jquery左侧导航滑动网页定位效果

jquery左侧导航滑动网页定位效果
  垂直导航
 79163  547

jQuery旅游网站导航

简单的旅游网站导航,加入了ie6对png的支持
  垂直导航
 31727  364

讨论这个项目(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 正好需要这个效果
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复