Sprawdzanie pozycji diva

Question

WItam, na podstawie tego kodu z kursu css:

<script>

	$(document).ready(function() {
	var NavY = $('.nav').offset().top;
	 
	var stickyNav = function(){
	var ScrollY = $(window).scrollTop();
		  
	if (ScrollY > NavY) { 
		$('.nav').addClass('sticky');
	} else {
		$('.nav').removeClass('sticky'); 
	}
	};
	 
	stickyNav();
	 
	$(window).scroll(function() {
		stickyNav();
	});
	});
	
</script>

Chciałbym zrobić kod który włącza sticky po tym jak div będzie na wysokości 35 px.

Jak to zrobić.

Answer 1

if (ScrollY - 35 > NavY)

?

Comments

W sumie potrzebne mi to było by dwa elementy przyklejały się jeden pod drugim, ale potem doszedłem do wniosku, że ono są obok siebie, poprawiłem pare żeczy w kodzie.

i tak kod html elementu nieruchomego na góże strony:

<div class="logowrapper">
<div class="nav">
<div class="menu">
<div class="next">
<ol>
<li><a href="#">Next-CNC</a></li>
</ol>
</div>
<div class="buttons">
<ol>
<li><a href="#">Home</a></li>
<li><a href="#">Frezowanie CNC</a></li>
<li><a href="#">Usługi</a></li>
<li><a href="#">Wyceny i zlecenia</a></li>
<li><a href="#">Kontakt</a></li>
</ol>
</div>
</div>
</div>
<div class="foto"><img src="main.jpg" /></div>
</div>

java script:

<script>

	$(document).ready(function() {
	var NavY = $('.logowrapper').offset().top;
	 
	var stickyNav = function(){
	var ScrollY = $(window).scrollTop();
		  
	if (ScrollY > NavY) { 
		$('.logowrapper').addClass('sticky');
	} else {
		$('.logowrapper').removeClass('sticky'); 
	}
	};
	 
	stickyNav();
	 
	$(window).scroll(function() {
		stickyNav();
	});
	});
	
</script>

i css:

.logowrapper
{
	width 100%;
}
.nav
{ 
	width: 100%;
	height: 35px;
	padding: 10px 0;
	background-color: #c34f4f;
}
.sticky
{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
}
.menu
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.next
{
	float: left;
	width: 30%;
	text-align: left;
}
.buttons
{
	float: left;
	width: 70%;
	text-align: right;
}
.foto
{
	margin-right: auto;
	margin-left: auto;
}

Gdy przewijam stronę wszystko skaczę i wraca do góry, co zrobić by zadziałało? 

---

A przypadkiem nie dlatego skacze, że to .logowrapper już jest na samej górze? Złóż demko na jsfiddle.net, to się obada problem na żywo ;)

---

Na razie poradziłem sobie zastępczo inaczej, ale jeszcze kiedyś wróce do tego.