评论:大事记时间轴导航  [查看原文]

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

 73891  658  14
当前第1页 / 共1页
    天火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
    左侧如果固定了,自然往下浏览后,根本点不回去,所以左侧现在随着内容上去,就把那个缺点隐藏了 回复
    央YOUNG0
    2018/6/14 17:03:50
    wx9606140
    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不就好了吗? 回复
    SunnyDay0
    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
    没滑动导航,不好用。 回复
    風啟❦落時0
    2015/6/11 11:19:14
    我的天。。。这个我上传了好久都不审核,结果被别人上传了。。。郁闷。 回复

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

取消回复