Поддельная позиция Исправлена внутри Div, но относительно верхней части окна при прокрутке

0

Я должен был подделать фиксированную позицию div внутри своего контейнера, но относительно окна, предоставив ему абсолютное положение и придав ему верхнее значение с помощью jquery scrollTop(). Пока это похоже на достойное решение, но фиксированный эффект работает только в Chrome. В firefox и ie10 он движется медленно, и ie9 он делает что-то вроде вибрации

if ($.browser.webkit) {
    //First I had to do some hack in order to get the scrollTop() same return in all browsers
var bodyPos = $('body').scrollTop();
}else{

    var bodyPos = $('html,  body').scrollTop();
    }

//then I can calculate the point relative to the top of the window

var pos1 = $('#four').position().top;

var imgPos = bodyPos - pos1

$('#fixed1').css({'top': imgPos})

Кто-нибудь знает, как сделать этот эффект crossbrowser?

благодаря

  • 0
    вы разваливаете свой обработчик прокрутки?
  • 0
    Не изобретай велосипед - взгляни на Tether
Показать ещё 3 комментария
Теги:
scrolltop
fixed

1 ответ

0

Я, наконец, исправил, как вы видите, в этом случае я хотел сделать фальшивую фиксированную позицию изображения внутри контейнера во время прокрутки.

Ну, Оккам Бритва:

Я создал контейнер для изображения и дал ему абсолютную ширину позиции 100% и верхнюю 0. Затем я установил изображение в качестве фона контейнера с фиксированным вложением "et voilà", задание выполнено.

Иногда такие вещи случаются :)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню