83. Demo6: パララックス効果をつくる2
windowをスクロールしたら各#boxのcssを調整する
var pos1 = $('#box1').offset();
var pos2 = $('#box2').offset();
var pos3 = $('#box3').offset();
$(window).scroll(function() {
//処理を書く
});
Code from ドットインストール パララックスサイトを作ろう
http://dotinstall.com/lessons/parallax_html
84. Demo6: パララックス効果をつくる2
windowをスクロールしたら各#boxのcssを調整する
var pos1 = $('#box1').offset();
var pos2 = $('#box2').offset();
var pos3 = $('#box3').offset();
$(window).scroll(function() {
var dy = $(this).scrollTop();
});
Code from ドットインストール パララックスサイトを作ろう
http://dotinstall.com/lessons/parallax_html
85. Demo6: パララックス効果をつくる2
windowをスクロールしたら各#boxのcssを調整する
var pos1 = $('#box1').offset();
var pos2 = $('#box2').offset();
var pos3 = $('#box3').offset();
$(window).scroll(function() {
var dy = $(this).scrollTop();
$('#box1')
});
Code from ドットインストール パララックスサイトを作ろう
http://dotinstall.com/lessons/parallax_html
86. Demo6: パララックス効果をつくる2
windowをスクロールしたら各#boxのcssを調整する
var pos1 = $('#box1').offset();
var pos2 = $('#box2').offset();
var pos3 = $('#box3').offset();
$(window).scroll(function() {
var dy = $(this).scrollTop();
$('#box1').css('top', pos1.top + dy / 2);
});
Code from ドットインストール パララックスサイトを作ろう
http://dotinstall.com/lessons/parallax_html
87. Demo6: パララックス効果をつくる2
windowをスクロールしたら各#boxのcssを調整する
var pos1 = $('#box1').offset();
var pos2 = $('#box2').offset();
var pos3 = $('#box3').offset();
$(window).scroll(function() {
var dy = $(this).scrollTop();
$('#box1').css('top', pos1.top + dy / 2);
$('#box1').css('left', pos1.left + dy / 8);
});
Code from ドットインストール パララックスサイトを作ろう
http://dotinstall.com/lessons/parallax_html
88. Demo6: パララックス効果をつくる2
windowをスクロールしたら各#boxのcssを調整する
var pos1 = $('#box1').offset();
var pos2 = $('#box2').offset();
var pos3 = $('#box3').offset();
$(window).scroll(function() {
var dy = $(this).scrollTop();
$('#box1').css('top', pos1.top + dy / 2);
$('#box1').css('left', pos1.left + dy / 8);
$('#box1').css('width', 40 + dy * 0.2);
});
Code from ドットインストール パララックスサイトを作ろう
http://dotinstall.com/lessons/parallax_html
89. Demo6: パララックス効果をつくる2
windowをスクロールしたら各#boxのcssを調整する
var pos1 = $('#box1').offset();
var pos2 = $('#box2').offset();
var pos3 = $('#box3').offset();
$(window).scroll(function() {
var dy = $(this).scrollTop();
$('#box1').css('top', pos1.top + dy / 2);
$('#box1').css('left', pos1.left + dy / 8);
$('#box1').css('width', 40 + dy * 0.2);
…..
});
Code from ドットインストール パララックスサイトを作ろう
http://dotinstall.com/lessons/parallax_html