保護中: 自分用

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。

[Jquery]スクロールで連動する背景のアレ

サンプルとhtmlコードは気が向いたら追記しようかな
漁るのが面倒なのでjsコードだけ
別で使う過去のコード探してたら一緒に使ってたのでパララックスとか書いててなんかオシャンティなことしてるなと思ったらそうでも無かった。


$(window).on('scroll', function(e) {
  parallax();
});
 
function parallax(){
  var scrolled = $(window).scrollTop();
  $('#bgfrm').css('backgroundPositionY',-(scrolled*0.2)+'px');
}

[MAC]EI CAPITANでのローカルホスト接続

xammppも設定は間違ってなかったけどパーミッションエラーが出るので、
デフォルトのapache使うようにしたところ、同じエラーがでてなんやらショックを受けた今日。

xammppのフォルダにパーミッション付与がイマイチわからなかったので
下記を参考に再定義後、コマンドでsudo chmod -R 755 ~/Sites で治りました。
http://blog.looseknot.jp/mac/yosemite-localhost.html

コマンドライン嫌いだぁ

etc

[jquery]スライドメニュー

覚書

    $("#navBtn").on('click', function(){
	$("body").toggleClass('open');
	$(this).toggleClass('close');
        if($("body").hasClass('open')){
			$("body").animate({'left' : -240 }, 300);			
			$("#glnav").animate({'right' : 0 }, 300);					
		} else {
			$("#glnav").animate({'right' :-240 }, 300);
			$("body").animate({'left' : 0 }, 300);			
		}		     
    });

mac gemで弾かれた場合

やっぱ残しとかないとたびたび忘れてしまいます
mac移行でググりまくったのに全然覚えていない・・・

bourbonインストールが弾かれたので下記で対応

sudo gem install -n /usr/local/bin bourbon

mac

[自分用][Jquery]ボツったけどID取得のスライドトグル

<code>
$(function(){
	$(".sbloc figure").on('click', function(){
		var idname = $(this).parent().attr("id");
		$(".cbloc").slideDown();
		$(".more").not("."+idname).slideUp();
		$("."+idname).slideDown();
		if($(this).hasClass("open")) {
			$("figure").removeClass("open");
			$("."+idname).slideToggle();
			classCount = -1;
			if(classCount < 0) {$(".cbloc").slideUp();}
		}else {
			$(this).addClass("open");
		}
	});
});
</code>

[jquery]クリックでページ遷移

DOM操作後なんかでリンクが動かなかったりはこっち


	$(document).on("click",".class a",function(){
		var href = $(this).attr("href");
		location.href = href;
	});

特定のリンク拾いたいときはこっち


	$(document).on("click","a",function(){
		var href = $(".class").attr("href");
		location.href = href;
	});

【Jquery】スマホのhoverをタップで動作

単純にcssのhoverは効かないためタップの動作つけたい場合
引用元見つかったら修正するざんす。

var linkTouchStart = function(){
    thisAnchor = $(this);
    touchPos = thisAnchor.offset().top;
    moveCheck = function(){
        nowPos = thisAnchor.offset().top;
        if(touchPos == nowPos){
            thisAnchor.addClass("hover");
        }
    }
    setTimeout(moveCheck,100);
}
var linkTouchEnd = function(){
    thisAnchor = $(this);
    hoverRemove = function(){
        thisAnchor.removeClass("hover");
    }
    setTimeout(hoverRemove,500);
}
 
$(document).on('touchstart mousedown','.class',linkTouchStart);
$(document).on('touchend mouseup','.class',linkTouchEnd);

[jquery]slideToggleを使った単純な自分のID名と一致するclassの開閉パネル

普通のアコーディオンとか、スライドパネルではちょっと対応出来ない用
ソース・JSのカスタマイズ前提の素体なのでこのまま使ってもあんまり意味なしです。
このまま使うなら別のjquery使ったほうが良いですレベルです。

<div class="btn" id="id1">ボタン1</div>
<div class="btn" id="id2">ボタン2</div>
<div class="btn" id="id3">ボタン3</div>
<div class="btn" id="id4">ボタン4</div>

<div class="more id1">中身1</div>
<div class="more id2">中身2</div>
<div class="more id3">中身3</div>
<div class="more id4">中身4</div>

<script type="text/javascript" charset="utf-8">
$(function(){
	$(".btn").on('click', function(){
		var id = $(this).attr("id");
		$(".more").slideUp();
		$(".more."+id).slideToggle();

	});
});
</script>