Skip to content

Instantly share code, notes, and snippets.

View uryu-myao's full-sized avatar
⛩️
Charging

URYU uryu-myao

⛩️
Charging
8 followers · 55 following
View GitHub Profile
@uryu-myao
uryu-myao / app.js
Created November 6, 2018 09:25
HEADER SCROLLED
const HEADER = (function () {
function scrollingSwitch() {
let Page = document.getElementById('whole'),
headerHeight = 185
if (document.body.scrollTop >= headerHeight ||
document.documentElement.scrollTop > headerHeight) {
Page.classList.add('headerPoint')
@uryu-myao
uryu-myao / app.js
Created November 6, 2018 09:24
OVERLAY MENU
const MENU = (function () {
let menu = document.querySelector('.menu'),
overlay = document.querySelector('.overlay'),
navItem = document.querySelectorAll('.overlay_item')
let active = false
let toggleMenu = function () {
if (!active) {
@uryu-myao
uryu-myao / app.css
Created October 2, 2018 02:53
IE指定
@media all and (-ms-high-contrast:none) {
.foo { padding-top: 10px;}
}
@uryu-myao
uryu-myao / .htaccess
Created August 20, 2018 03:15
hidden index from URL
Options +FollowSymLinks
RewriteEngine on
RewriteCond %{THE_REQUEST} ^.*/index.html
RewriteRule ^(.*)index.html$ http://yoshikawagumi.info/$1 [R=301,L]
<Files ~ "^.(htaccess|htpasswd)$">
deny from all
</Files>
@uryu-myao
uryu-myao / app.js
Created May 21, 2018 07:28
smooth back to top
$(function(){
$(".btt").on('click touchstart', function () {
$('html,body').animate({ scrollTop: 0 }, 'swing');
return false;
});
});
@uryu-myao
uryu-myao / parallax.html
Last active May 21, 2018 07:01 — forked from felquis/parallax.html
Mouse Parallax Effect
<!DOCTYPE HTML>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Mouse Parallax Effect</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="parallax">
<img class="parallax-item" src="http://bymarina.com.br/wp-content/uploads/2011/01/sol2.jpg" width="150">
@uryu-myao
uryu-myao / index.html
Created May 20, 2018 09:34
SVG filter ( liquid style )
<div id="wrapper">
<div class="a"></div>
<div class="b"></div>
</div>
<svg>
<defs>
<filter id="goo">
<feGaussianBlur in="SourceGraphic" stdDeviation="10" result="name" />
<feColorMatrix in="name" mode="matrix" values="1 0 0 0 0
@uryu-myao
uryu-myao / solve npm install error
Created April 23, 2018 04:35
$ sudo npm install -g xxx --unsafe-perm=true --allow-root
@uryu-myao
uryu-myao / app.js
Last active April 17, 2018 08:09
page loading control
$(function () {
var h = $(window).height();
$('.contents, #top').css('display','none');
$('.load, load-logo').height(h).css('display','block');
});
$(window).load(function () {
$('.load').fadeOut(800);
$('.load-logo').fadeOut(300);
@uryu-myao
uryu-myao / app.js
Created April 17, 2018 05:39
Full window popup menu
$(function(){
var scrT;
$('.menu-trigger').on('click',function(){
if(!$('#menu-cover').hasClass('is_active')){
$('.menu-trigger').one('click',openMainMenu());
} else {
// console.log(scrT);
$('.close-holder').one('click',closeMainMenu());
}
});