求助,可以滑出但是關(guān)閉不了側(cè)邊欄
?;$(function()
?? {
?????? 'use strict';
?????? var sidebar = $('#sidebar'),
??????? mask = $('.mask'),
??????? backButton = $('.back-to-top'),
??????? sidebar_trigger = $('#sidebar_trigger');
?????? function showSideBar()
????? {
??????? mask.fadeIn();
??????? sidebar.css( 'right', 0 );
?????? }
????? function? hideSideBar()
????? {
??????? mask.fadeOut();
??????? sidebar.css('right', -sidebar.width());
????? }
?????? sidebar_trigger.on('click', showSideBar);
??????? mask.on('click', hideSideBar);
??????? backButton.on('click',function()
?????? {
?????????? $('html,body').animate({
?????????????? scrollTop: 0
?????????? },800);
??????? })
????? $(window).on ('scroll',function()
?????? {
?????????? if($(window).scrollTop() > $(window).height())
?????????? {
?????????????? backButton.fadeIn();
?????????? }
?????????? else {
?????????????? backButton.fadeOut();
?????????? }
?????? })
?????? $(window).trigger('scroll');
?})
2016-08-09
js 部分沒(méi)什么問(wèn)題 看不出來(lái),可能是結(jié)構(gòu)HTML部分 類 ID寫(xiě)錯(cuò)。關(guān)閉要點(diǎn)MASK的朦朧層才能關(guān)的。你mask是否配置好fixed top0 bottom0 right0 left0