Socialify

Folder ..

Viewing phone_compatibility.js 
32 lines (29 loc) • 1.0 KB

 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');
        }
    });
});