为了账号安全,请及时绑定邮箱和手机立即绑定

帮我看一下哪里出问题了?看了N遍了。

;$(function(){

'use strict';

var sidebar=$('#sidebar'),

mask=$('.mask'),

sidebar_trigger=$('#sidebar_trigger');

  function showSideBar(){

 

mask.fadeIn();

// sidebar.animate({'right':0}); 

sidebar.css('right',0);

}

function hideSideBar(){

mask.fadeOut();

sidebar.css('rigth', -sidebar.width())

}

sidebar_trigger.on('click',showSideBar)

mask.on('click',hideSideBar)

})


正在回答

2 回答

看看html的id和类名是否正确与js绑定,通过点击时控制台输出,确保正确绑定


0 回复 有任何疑惑可以回复我~

;$(function()

{

'use strict';


var mask = $('.mask'),

sidebar = $('#sidebar'),

sidebar_trigger = $('#sidebar_trigger'),

backButton = $('.back-to-top');

// console.log("1111");

function showSidebar()

{

// 菜单显示

mask.fadeIn();

sidebar.css('right', 0);

}

function hideSidbar()

{

// 菜单隐藏

mask.fadeOut()

sidebar.css('right', -sidebar.width())

}



sidebar_trigger.on('click', showSidebar);

mask.on('click', hideSidbar);

// 点击返回顶部

backButton.on('click', function()

{

$('html, body').animate({

scrollTop: 0

}, 600);

});


// 返回顶部自动显示隐藏    

$(window).on('scroll', function()

{

if($(window).scrollTop() > $(window).height())

backButton.fadeIn();

else

backButton.fadeOut();

$(window).trigger(scroll);

});

});


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
CSS3扁平化博客之文章页及常用组件
  • 参与学习       36316    人
  • 解答问题       53    个

又一波 CSS3扁平化博客

进入课程

帮我看一下哪里出问题了?看了N遍了。

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信