2016-02-25 3 views
4

Я сделал этот сайт: bosd.eu. У этого есть часть javascript/jQuery, которая фокусируется на соответствующей области страницы при нажатии.Javascript гладкий свиток не работает в Firefox

Однако, когда я использую Firefox, либо мобильный, либо рабочий стол ничего не работает.

Значит, это должен быть javascript?

var initSmoothScroll = function(){ 
    $('.scroll').click(function() { 
     doScroll($(this)) 
    }); 
}; 

var doScroll = function($element){ 
    $('body').animate({ 
     scrollTop: $('#' + $element.attr('target')).offset().top - 10 
    }, 300); 
}; 

$(window).scroll(function() { 
    if ($(window).scrollTop() > 100) { 
     $('#topbutton').fadeIn('slow'); 
    } 
    else { 
     $('#topbutton').fadeOut('fast'); 
    } 
}); 

Это, как она обрабатывается в HTML:

<a class="scroll" target="story" id="storybutton"><h1>ABOUT</h1></a> 

Я нашел это при поиске, но это не дает мне ответ:

+0

Почему вы используете 'eval'? Думаю, там этого не требуется. – A1rPun

+0

Спасибо за ваш ответ, я удалил EVAL, скрипт все еще работает нормально в любом браузере, кроме Firefox. – Addict

ответ

2

Видимо мне нужно, чтобы добавить HTML к body.animate:

var doScroll = function($element){ 
$('body, html').animate({ 

Он работает безупречно в настоящее время.

+0

Я могу подтвердить, что это также решило проблему для меня, хорошую работу и спасибо. –

Смежные вопросы