3

Всем привет. Кто может подсказать - header страницы. Во всю высоту и ширину изображение(position: fixed), в центре изображения текст(назовем его -"логотип"). Необходимо, чтобы при скролле страницы логотип постепенно спускался вниз. Использую вот эту функцию:

$(window).scroll(function() { 
var st = $(this).scrollTop(); 
$(".logos").css({ 
"transform" : "translate(0%," + st/3 + "%" 
}); 
});

Все вроде бы хорошо, в Mozilla работает норм, а вот в остальных браузерах(Chrom,Opera,IE) логотип опускается постепенно, но это происходит не плавно как в Mozilla, а рывками, как по ступенькам. Есть мысль как это решить?Возможно проблема в кроссбраузерных префиксах, но пробовал писать и с префиксом под конкретный браузер, результат тот же.

11
  • sоrry, transform
    – Deniskins
    Commented 17 мая 2017 в 14:11
  • 2
    Вы можете править свой вопрос. Ниже текста вопроса ссылка Править.
    – Visman
    Commented 17 мая 2017 в 14:16
  • Возможно, это из-за трансформ, попробуйте может с помощью position: relative менять значение top/bottom. Commented 17 мая 2017 в 14:26
  • Сергей, мне не подойдет такой вариант..я пробовал..Я понимаю что дело в трансформации поэтому и задал тут вопрос..Не знаю как решить..
    – Deniskins
    Commented 17 мая 2017 в 14:33
  • Может поможет will-change ? developer.mozilla.org/ru/docs/Web/CSS/will-change
    – neek
    Commented 17 мая 2017 в 19:13

1 ответ 1

1

В какой-то степени решил вопрос - у меня был подключен plugins-scroll, для смягчения скролла страниц...отключил его и в chrome и opera заработало нормально все, а вот в IE так и скачет..так что вопрос только в IE остался.Если есть мысли у кого какие, то посоветуете, что делать, буду признателен.

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.