background-size: cover + backgroud-attachment: fixed на ipad?

[Нарек]

Имеется такой код 

.slide {    background: url(../img/1.jpg) no-repeat;    background-attachment: fixed;    background-position: center center;    -webkit-background-size: 100%;     -moz-background-size: 100%;     -o-background-size: 100%;     background-size: 100%;     -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover;}

Все десктопные браузеры понимают его нормально (IE не интересует). Проблема возникает на ipad-е. Картинка масштабируется на 2 раза больше (примерно) чем нужно. В коде своего рода хак для IOS - сначала 100% потом cover, но это не помогло. Когда меняю background-attachment: fixed на scroll - картинка масштабируется отлично, так как нужно, но соответственно пропадает эффект и мне этого не нужно.. Может сталкивался кто то с данным вопросом.

 

Решил эмулировать с помощью jQuery позицию fixed поменяв его на scroll и добавив

$(window).scroll(function() {  var scrolledY = $(window).scrollTop();  $('.slide').css('background-position', 'center ' + ((scrolledY)) + 'px');});

Все нормально на windows. На маке и на ipad тоже все хорошо, за исключением 2 моментов.

1. Тормозит ужасно, нету плавного скроллинга, браузер замирает и быстро перекидывает страницу вниз.

2. При смене ориентации экрана картинка не перестраивается а остается такой какой была в изначальной ориентации.. Кстати этот пункт и без js был таким..

Edited August 18, 2014 by Нарек

[Нарек]

Проблему с ориентацией экрана решил с помощью https://github.com/srobbin/jquery-backstretch

А вот как с него получить background-attachment: fixed или что то подобное - хз...