Пытаюсь делать параллакс для элементов, а не бэкграундных изображений. Использую следующий код:
function parallax(){
var scrolled = $(window).scrollTop();
$('.parallax-here .col-md-4:odd').css('top', -(scrolled * 0.04) + 'px');
};
$(window).scroll(function(e){
parallax();
});
Интересует следующее - что будет наиболее производительным:
top ,
transform: translateY или
margin-top
Потому что у меня в принципе тормозят все варианты.
codepen.io/Zuraavl/pen/RaKpNo
Сделал pen, чтобы вы могли проверить. Он на удивление не тормозит) Там все три варианта, два закомментированы.
Если вы знаете другой вариант реализации такой сетки, подскажите. Со всякими stellar'ами тормозит в сто раз больше.
И как сделать чтобы смещение начиналось не с начала страницы (если эта сетка например в середине)?
