スクロール時にヘッダーを縮小することについて私が目にするほとんどのスレッドには、jQuery アニメーションなどの使用が含まれます。これはあまりにも明白で瞬時になりますが、私は段階的なものを探しています:
http://www.kriesi.at/themes/enfold/
これはその良い例であり、私は似たようなものを作ろうとしています:
jQuery(document).ready(function($){
var $myDiv = $('#logo img');
var logoHeight = $myDiv.height;
var stop = false;
$(window).scroll(function() {
logoHeight = $myDiv.height;
var st = $(this).scrollTop();
if(st >= 50 || logoHeight >= 97){
stop = true;
}
if(!stop){
$myDiv.height(st);
}
}).scroll();
});
このjQueryを使用してスクロールを追跡します。問題は、それが止まらないか、まったく表示されないことです。私が意味することを達成するためのより良い方法はありますか?