Слайдер домашней страницы не работает в Chrome или Safari

Question

Я пытаюсь внедрить одностраничный слайдер на домашнюю страницу, и он работает в FF и IE, но не в safari или Chrome.

Это код, который я использую для слайдера.

//sliding content
$("#main-nav a").click(function(){ 
    var target = $(this).attr("href"); 
    $("html, body").stop().animate({  
        scrollLeft: $(target).offset().left,  
     }, 1200);  
});

URL данного сайта: http://stable.dev.lemon -fresh.co.uk

Answer 1

Понял!
используйте position вместо offset:
scrollLeft: $(target).position().left

И удалите запятую ',', так как вы не перечисляете другие свойства.

$("#main-nav a").click(function(){ 
    var target = $(this).attr("href"); 
    $("html, body").stop(1).animate({  // used : .stop(1) (same as .stop(true) )
        scrollLeft: $(target).position().left  // position instead of offset
     }, 1200);  
});

И еще одно предложение:

Как я видел, при быстром нажатии на ваши ссылки - все анимации кэшируются, что приводит к раздражающему ожиданию, чтобы добратьсяправильное место.Хорошая хитрость для удаления (очистки) этой очереди анимации заключается в использовании .stop(1) попробовать!