Именно так, сделал следующее:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
footer{
width: 100%;
background-color: gray;
height: 350px;
position:absolute;
top:1250px;
left:0;
}
#toUp {
color: #111;
}
#toUpSide {
position: fixed;
bottom: 30px;
right:30px;
}
body{
height: 1600px;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
//Нажатие "Наверх"
$('#toUp').click(function(e) {
e.preventDefault();
$('body,html').animate({scrollTop: 0}, 500);
});
//Плавающая кнопка "Наверх"
jQuery(function (f) {
var scrollToTopEl = f('#toUpSide'),
disableScrollEl = f('#toUp');
scrollToTopEl.hide();
f(window).scroll(function () {
scrollToTopEl['fade' + (f(this).scrollTop() > 200 && (disableScrollEl.offset().top - 500) > f(this).scrollTop() ? 'In' : 'Out')]();
});
scrollToTopEl.click(function(){
$("html, body").animate({scrollTop:0},"slow")
});
})
</script>
</head>
<body>
<div id="content">Тут контент
</div>
<footer>
<a href="#" id="toUp">Наверх</a>
<a href="#" id="toUpSide">Наверх</a>
</footer>
</body>
</html>
Плавающая ссылка исчезает когда (window).scrollTop() становится больше, чем оффсэт-500px у статичной ссылки.
Если сравнивать оффсэт плавающей и статичной - плавающая мигает при скролинге в области ниже статичной, как и ранее.
Вобщем задача решена, огромное спасибо вам, Poznakomlus, за терпение и содействие, да уродятся финики в саду вашем!