                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /CSS3扁平化博客之文章頁及常用組件

求源代碼

有人能把這節(jié)課的代碼發(fā)一下嗎? 我發(fā)現(xiàn)我代碼和老師一樣，但是控制臺顯示有錯誤 (檢查好幾遍了。。。）

慕尼黑7267722

2017-07-02

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

關(guān)注問題我要回答

1090

操作

收起

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觸發(fā)多件事件分步寫：
???/*
???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");
})