                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /CSS3扁平化博客之文章页及常用组件

求源代码

有人能把这节课的代码发一下吗? 我发现我代码和老师一样，但是控制台显示有错误 (检查好几遍了。。。）

慕尼黑7267722

2017-07-02

源自：CSS3扁平化博客之文章页及常用组件 2-3

关注问题我要回答

1065

操作

收起

1 回答

夏不语冰
2017-07-17

;$(function(){
   'ues strict';

   var sidebar=$('#sidebar');
   // var mask=$('.mask');
   var sidebar_trigger=$('#sidebar_trigger'),
    	backButton=$('.back-to-top');

   sidebar_trigger.on('click',function(){
   	  $('.mask').fadeIn();
   	  sidebar.animate({right:"0"},300);   	  
   });
// sidebar_trigger -on触发多件事件分步写：
   /*
   sidebar_trigger.on('click',showbar)
   function showbar(){
   	  $('.mask').fadeIn();
   	  sidebar.animate({right:"0"},300);  
   }
   */

   	$('.mask').on('click',function(){
   	  $('.mask').fadeOut();
   	  sidebar.animate({right:-sidebar.width()},300);
   	  // -sidebar.width()-向右消失不见 正值向左跑.width()
   })

   	backButton.on('click', function(){
   		$('html,body').animate({scrollTop:0},800);			
	})


// .scrollTop()
	$(window).on('scroll',function(){
		if($(window).scrollTop()>$(window).height())
			backButton.fadeIn();
		else
			backButton.fadeOut();
	})

	$(window).trigger("scroll");
})