HTML5: эффект фиксированной позиции

Question

HTML5: эффект фиксированной позиции

0

У меня есть <div id="naujienos">some content</div> и вы можете найти его в середине страницы. Все, что я хочу, это: этот div станет фиксированным положением сразу после того, как я прокручу его. Когда я снова вернусь к ней, родственник.

Я имею в виду, что есть интервал, когда контейнер div имеет фиксированное положение.

Извините за мой английский. Действительно ищем ответ и благодарю вас заранее!

Ignas Damunskis 16 янв. 2014, в 18:24

Источник

Теги:

html

position

fixed

1 ответ

Ещё вопросы

Vladimir Aleksić · Accepted Answer · 2014-01-16T14-59-00.000Z

Посмотрите на это: http://jsfiddle.net/5PQ36/1/

Вы можете сделать это с помощью jQuery... все, что вам нужно сделать, это установить scrollTop:

scrollTop()> 300
scrollTop() <600

В этом примере ваш div будет отображаться при прокрутке 300 сверху, и он скроется, когда вы достигнете 600 с вершины, при прокрутке вверх.

$(document).ready(function () {
    $(window).scroll(function () {
        if ($(window).scrollTop() > 300 && $(window).scrollTop() < 600) {
            $('#naujienos').css("position", "fixed");
        } else {
            $('#naujienos').css("position", "relative");
        }
    });
});

Большое спасибо, это то, что я искал!