Skip to content

Instantly share code, notes, and snippets.

@k-ish
k-ish / script.js
Created October 10, 2018 05:59
ヘッダー固定時のページ内リンクずれの位置修正
$(function(){
$('nav li a, .menu li a').click(function() {
var speed = 400;
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var headerHeight = 100; //固定ヘッダーの高さを指定
var position = target.offset().top - headerHeight; //ターゲットの座標からヘッダの高さ分引く
$('body,html').animate({scrollTop:position}, speed, 'swing');
return false;
});
@k-ish
k-ish / .htaccess
Created October 9, 2018 06:40
ベーシック認証の設定
AuthUserFile /home/path../.htpasswd
AuthGroupFile /dev/null
AuthName "Input ID and Password."
AuthType Basic
require valid-user
<Files ~ "^.(htpasswd|htaccess)$">
deny from all
</Files>
@k-ish
k-ish / .htaccess
Last active October 9, 2018 06:31
404error ページの設定
ErrorDocument 404 /404.html
@k-ish
k-ish / index.html
Last active October 9, 2018 06:13
scroll highlight
<!-- スクロール位置によって、ハイライトする項目が変化 -->
<header>
<h1>Highlight Menu</h1>
<nav>
<ul>
<li class="current"><a href="#">Section1</a></li>
<li><a href="#">Section2</a></li>
<li><a href="#">Section3</a></li>
<li><a href="#">Section4</a></li>