大事记时间轴导航

所属分类:输入,导航-日期和时间,垂直导航

 73651  658  查看评论 (14)
分享到微信朋友圈
X
大事记时间轴导航 ie兼容8
相关插件-日期和时间,垂直导航

jQuery日历插件

jQuery日历插件
  日期和时间
 49115  308

zepto移动端时间选择插件

简单的移动端时间选择,去掉年显示,适合线上预定下单
  日期和时间
 52964  383

优雅的日期选择插件daterangepicker

jQuery bootstrap日期选择插件daterangepicker,多种时间类型选择
  日期和时间
 84676  374

JQ倒计时代码精确到毫秒

JQ倒计时代码精确到毫秒
  日期和时间
 46539  370

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

    天火 1
    2023/10/15 18:27:53

    固定左边年份选择导航条,并且让右边内容不影响鼠标滚轮上下查看,修改如下:

    style 里面 添加 如下样式:

    .event_year{
    	position:fixed;
    }

    index.html 页面最下面 js 方法 修改如下 

    $(function(){
    
    	$('label').click(function(){
    
    		$('.event_year>li').removeClass('current');
    
    		$(this).parent('li').addClass('current');
    
    		var year = $(this).attr('for');
    
    		// $('#'+year).parent().prevAll('div').slideUp(800);
    
    		// $('#'+year).parent().slideDown(800).nextAll('div').slideDown(800);
    
    		$("html, body").animate({
                scrollTop: $('#'+year).offset().top }, {duration: 500,easing: "swing"});
    
    	});
    
    });
    回复
    猫妮酱? 0
    2019/4/2 14:55:45
    左侧如果固定了,自然往下浏览后,根本点不回去,所以左侧现在随着内容上去,就把那个缺点隐藏了 回复
    央YOUNG 0
    2018/6/14 17:03:50
    wx960614 0
    2017/8/2 17:11:57

    看起来不错,就这个了

    回复
    ... 0
    2017/1/13 0:01:26

    兄弟  没防?丝!!!

    回复
    Peter@小飞侠 0
    2016/9/14 11:09:28
    点击最后会有bug,会往右移一点,是什么原因呢?
        é0
        2017/3/15 9:42:20

        因为滚动条的关系吧

        0
        2019/4/19 15:38:44
        滚动条的原因
    回复
    Peter@小飞侠 0
    2016/9/14 10:09:29
    自己把左边导航设置fixed不就好了吗? 回复
    SunnyDay 0
    2015/6/25 18:54:05
    大S__ 0
    2015/6/17 11:40:55
    左侧那一块要固定才有实用价值~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        -果冻--0
        2016/4/8 17:04:24
        我也是这么觉得
    回复
    大S__ 0
    2015/6/17 11:40:16
    没滑动导航,不好用。 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复