т. Е. Отрывистый при прокрутке

это хорошо работает во всех баузерах, кроме IE, как я могу это исправить? когда я прокручиваю в IE, он очень рывкий.т. Е. Отрывистый при прокрутке

http://jsfiddle.net/cc48t/

//js 
$(window).scroll(function() { 
    if ($(window).scrollTop() > 100) { 
     $('#scroller').css('top', $(window).scrollTop()); 
    } 
} 
);

источник

2013-03-29 Hello-World

какая версия (ы) в IE вы тестирование с? – Spudley

Для меня это было отрывисто в IE10. –

Я не могу открыть ни одну из этих скриптов в IE8 ... Форматирование страницы скриптов все испортилось. Кто-нибудь знает, почему? (Есть несколько ошибок JS от скрипки, я думаю) – user1766760

Попробуйте (fiddle):

$(window).scroll(function() { 
    if ($(window).scrollTop() > 100) { 
     $('#scroller').addClass("top"); 
    } 
    else { 
     $('#scroller').removeClass("top"); 
    } 
});

И CSS:

#scroller { 
    position: relative; 
    top: 100px; 
    width: 500px; 
    background: #CCC; 
    height: 100px; 
    margin: 0 auto; 
} 

#scroller.top { 
    position: fixed; 
    top: 0; 
    left: 50%; 
    margin-left: -250px; 
}

EDIT: Я добавил множество width и margin к #scroller, и установить left: 50% и margin-left: -250px; (половина ширины набора) к .top класса

источник

2013-03-29 15:43:27

отлично смотрятся на других, думают, если его фиксированный запас: o автоматически не будет помещать div в середину экрана, у вас есть решение для этого? Благодарю. –

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

Вы можете попробовать это тоже (fiddle)

$(window).scroll(function() { 
    if ($(window).scrollTop() > 100) { 
     //$('#scroller').css('top', $(window).scrollTop()); 
     $('#scroller').css('top', '0px'); 
     $('#scroller').css('position', 'fixed'); 
    } 
    else 
    { 
     $('#scroller').css('top', '100px'); 
     $('#scroller').css('position', 'absolute'); 
    } 
} 
);

источник

2013-03-29 15:47:52 yogi

По существу то же самое, что и мое, но мое держит CSS в CSS –

т. Е. Отрывистый при прокрутке

ответ

Смежные вопросы