jQuery条件锚点导航

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

 2167  23  查看评论 (8)
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绚丽的菜单插件sidenav

sidenav是一款和绚丽的垂直菜单,样式简洁时尚的jQuery和CSS3侧边栏菜单插件。
  垂直导航
 12757  39

jQuery三维立体菜单插件Meny

jQuery三维立体菜单插件Meny,一款可以旋转的3D导航栏,支持移动设备的触摸事件。
  垂直导航
 10353  98

jquery下拉菜单导航

jquery hover事件下拉菜单导航仿京东商城商品分类导航样式布局,通过鼠标滑过商品分类导航展示商品分类子菜单内容的效果
  垂直导航
 15693  55

jquery淘宝电器左侧分类菜单

jquery淘宝电器左侧分类菜单,简单的导航悬停展示
  垂直导航
 13709  90

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币

    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
        好的。我是在找一个类似那样的一个效果,我自己不会写,想拿来改吧改吧
    回复
    a304749118 0
    2017/11/4 18:07:27

    很棒

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

        谢谢亲的支持!

    回复
    张大臀 0
    2017/11/2 8:45:16

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

        SiriBen0
        2017/11/2 9:45:38

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

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

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

    回复
取消回复