..
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33 | /**
* Phone compatibility JS, for handling things on phone as
* this site was written for desktop
*/
const windowBreakpoint = 480;
// Listen for window resize
$(window).resize(function() {
if($(window).width() > windowBreakpoint) {
$('#sidebar').css('display', 'block');
$('#ハンバーガー').css('display', 'none');
} else {
$('#sidebar').css('display', 'none');
$('#ハンバーガー').css('display', 'block');
}
});
$(document).ready(function() {
$('#ハンバーガー').click(function() {
$('#ham').toggleClass('open');
if($('#sidebar').css('display') == 'none') {
$('#sidebar').css('display', 'block');
$('body').css('overflow', 'hidden');
$('#ハンバーガー').css('background-color', 'red');
} else {
$('#sidebar').css('display', 'none');
$('body').css('overflow', 'auto');
$('#ハンバーガー').css('background-color', 'transparent');
}
});
});
|
|