Здравствуйте друзья, кто разбирается в JS подправьте пожалуйста скрипт чтобы он срабатывал не по ID элемента, а по расстоянию в пикселях.
<div id="slideboxfix">
<a class="closefix"></a>
<p>More in Technology</p>
<h2>The Social Impact of Scientific Research and new Technologies</h2>
</div>
$(function() {
$(window).scroll(function(){
var distanceTop = $('#lates').offset().top - $(window).height();
if ($(window).scrollTop() > distanceTop)
$('#slideboxfix').animate({'right':'0px'},500);
else
$('#slideboxfix').stop(true).animate({'right':'-430px'},500);
});
$('#slideboxfix .closefix').bind('click',function(){
$(this).parent().remove();
});
});
Как вы видите, скрипт цепляется за
#lates это жутко не удобно, нужно где-то в середине поста впихнуть этот ID, думаю было бы проще с расстоянием в пикселях. Но такого скрипта я не нашел, а как добавить эти пиксели не понимаю.
Заранее большое спасибо!