dobro

Извиняюсь, dobro , это ли не тестовое задание?

Да, оно, и тем не менее проблемы с ним все те же)) Буду благодарен если поможете решить)

.one('animationend webkitAnimationEnd oAnimationEnd msAnimationEnd', ...

Chrome поддерживает сразу и webkitAnimationEnd, и animationend. Opera вроде бы тоже. Копайте в эту сторону.

 

По крайней мере, у меня сначала срабатывает animationend, а во второй раз webkitAnimationEnd:

..., function (e) {   $(this).removeClass('slidePageLeft').removeClass('openpage');   console.log(e.type);});

Спасибо, помогло!))

Но вообще не работает в сафари и мобильной опере, можете по этому поводу что-то посоветовать?

Ну во первых, первым делом надо убрать клик по ссылке (#). 

В смысле вообще на кнопках не должно быть ссылок?

Привет!

Подскажите, пожалуйста, в чем может быть проблема, http://son.topdetal.com.ua/mobi/по клику на пункты меню скриптом открывается блок с контентом этого пункта, и вот в хроме почему-то открывается через раз, в сафари вообще не открывается, в других браузерах нормально.

Здравствуйте!

Помогите, пожалуйста, исправить различные проблемы с кроссбраузерностью.

Вот моя работа: http://son.topdetal.com.ua/mobi , в FF работает хорошо.

А вот проблемы:

1. В хроме открытие страниц скриптом (здесь и далее под словом страница подразумевается то, что открывается по клику на пункты меню) работает через раз, в сафари скрипт вообще не работает.

2. Кнопка "contact" имеет неустойчивое поведение при :hover.

3. после закрытия страницы она, в закрытом состоянии, теряет свойство display:none; http://prntscr.com/9c7sqf и перекрывает другие элементы.

4. на узком разрешении, когда высота контента больше высоты экрана страница растягивается только на высоту экрана http://prntscr.com/9c7vrj .

5. неполадки в ie http://prntscr.com/9c7yzz

6. если здесь поставить, как положено, 90, то после потери :hover элемент исчезает http://prntscr.com/9c82dn .

7. ну и в сафари вообще непонятно что творится http://prntscr.com/9cpmthи совсем не работает JS.

Вот такие у меня проблемы. Буду очень благодарен если поможете разобраться.

Не могу понять из вашего скрина в чем проблема.

У меня заработало в таком виде

@import "resеt.scss";

Хотя, видел рабочий вариант когда имя импортируемого файла начиналось с подчеркивания "_reset.scss", а подключался так:

@import "reset";