幫我看一下哪里出問題了？看了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)
})
2018-11-09
看看html的id和類名是否正確與js綁定，通過點(diǎn)擊時控制臺輸出，確保正確綁定
2018-11-09
;$(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);
// 點(diǎn)擊返回頂部
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);
});
});