Jquery - pojawiające się menu scroll - problem z uaktywnieniem

Cześć,
jestem nowy, więc pytanie może banalne.

Zrobiłem menu, gdzie kolor tła pojawia się (opacity z 0 na 1) jeżeli użytkownik przewinie stronę, kod wygląda tak

		<script type="text/javascript">
		$(function() {
		    $(window).scroll(function() {
		        var scroll = $(window).scrollTop();

		        if (scroll >=100) {
		            $("#banner header").addClass('smaller');
		        } else {
		            $("#banner header").removeClass("smaller");
		        }
		    });
		});
		</script>

wszystko działa jak należy, problem pojawia się, gdy menu jest widoczne i ktoś przejdzie do innej podstrony, a później wróci, menu jest niewidoczne, mimo że powinno być widoczne, dopiero po lekkim przesunięciu wszystko "zaskakuje", inny przykład, gdy przejdę bezpośrednio do adresu np ....index.html#środek-strony (chodzi o to żeby scroll był większy niż 100) występuje ta sama sytuacja, mam nadzieję, że wiadomo o co chodzi ;)

może ustaw wartość początkową:
http://jsfiddle.net/dylanholmes222/AzhN9/4/
http://jsfiddle.net/dylanholmes222/LaL3v/1/

Dzięki, ustawienie wartości początkowej załatwiło sprawę :)