Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.08.2014, 13:25
Интересующийся
Отправить личное сообщение для Нарек Посмотреть профиль Найти все сообщения от Нарек
 
Регистрация: 23.06.2014
Сообщений: 17

Прокрутка колесом мыши к якорю или 100% высоты экрана браузера
Здравствуйте.
Есть такой код который скроллит расстояние равное 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
Ответить с цитированием
  #2 (permalink)  
Старый 11.08.2014, 17:57
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 792

почитайте сначала http://learn.javascript.ru/metrics-window
Ответить с цитированием
  #3 (permalink)  
Старый 11.08.2014, 20:00
Интересующийся
Отправить личное сообщение для Нарек Посмотреть профиль Найти все сообщения от Нарек
 
Регистрация: 23.06.2014
Сообщений: 17

Pavel M.,
Спасибо за ссылку, я пока что дошел вот до сюда http://learn.javascript.ru/array-methods и буду очень благодарен если кто то из бывалых поможет кодом.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск