Нижний колонтитул страницы отображается вверх и вниз по мере изменения содержимого в результате манипуляций с JQuery DOM (добавление / удаление / и т. Д.) - PullRequest
1 голос
/ 04 декабря 2010

Моя страница генерирует много информации динамически и использует jQuery для добавления / удаления показа / скрытия материала в DOM.

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

<html>
    <head/>
    <body>
        <div id="content"/>
        <div id="footer"/>
    </body>
</html>

В идеале нижний колонтитул страницы никогда не будет виден пользователю без прокрутки вниз , потому что нижний колонтитул отвлекает информацию, которую пользователь не должен видеть, если он или она не ищет ее.

Стоит ли динамически размещать нижний колонтитул с помощью jQuery?

Как то так?

$(window).resize(function() {
    $("#footer").css('top', $(window).height() + 20);
});

1 Ответ

0 голосов
/ 04 декабря 2010

Я рекомендую установить стиль CSS 'min-height' в div 'content'. Это позволит вам опустить нижний колонтитул.

Bob

ОБНОВЛЕНИЕ: Вот пример: http://jsbin.com/onasi/3/edit

...