Здравствуйте.
Есть такой код который скроллит расстояние равное 100% высоты браузера.
$(document).ready(function(){
var winHeight = window.innerHeight ?
function() {
return window.innerHeight;
} :
function() {
return document.documentElement.clientHeight;
};
$('.first-block').height(winHeight);
$(window).scroll(function(){
var firstBlockHeight = winHeight();
var scrollTop= $('body').scrollTop();
if (scrollTop > 0 && scrollTop < firstBlockHeight/2 && $('body').hasClass('scrolled') === false) {
$("body")
.animate({ scrollTop: firstBlockHeight+10 }, 600)
.addClass('scrolled');
} else if (scrollTop==0) {
$("body")
.animate({ scrollTop: 0 }, 600)
.removeClass('scrolled');
}
});
});
Проблема в том, что код не кроссбраузерный (в ФФ не работает), да и если поиграться с ним то появляется глюк с цикличной прокруткой вверх и вниз без остановки.
Как можно эти проблемы решить? Буду очень благодарен.
Ссылка на JsFiddle 
