Как сделать так, чтобы веб-страница загружалась снизу вверх? - PullRequest
0 голосов
/ 16 февраля 2010

Каждая загрузка веб-страницы сверху вниз означает, что сначала будет загружен мой заголовок, затем содержимое и, наконец, нижний колонтитул. Как я могу сделать это, чтобы загрузить снизу вверх. Означает сначала нижний колонтитул, а затем содержимое, а затем, наконец, содержимое заголовка. Вы получаете то, что я пытаюсь сказать? OR чтобы загрузить его справа налево ИЛИ слева направо ..

Ответы [ 6 ]

6 голосов
/ 16 февраля 2010

Это, наверное, один из самых странных вопросов, которые я видел здесь ...

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

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

Есть ли в этом необходимость? Веб-страницы обычно загружаются достаточно быстро, чтобы пользователи не замечали, в каком направлении они загружаются, и если ваша страница загружается не так быстро, я бы сосредоточился на выяснении причин, вместо того чтобы пытаться отображать ее в другом порядке. *

2 голосов
/ 16 февраля 2010

Веб-страница - это HTML + дополнительные файлы.

Файл HTML загружается и читается от начала до конца. Когда он достигает точки в файле, где он запрашивает другой файл (например, CSS, .JS, изображение и т. Д.), Он затем отправляет запрос на получение этого изображения.

У вас есть контроль над этим, поскольку вы можете изменить свой HTML-код любым удобным для вас способом.

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

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

Все, что сказано, тем не менее, лучший ответ: «Нет. Вы не можете. Это просто, как работает сеть».

0 голосов
/ 16 февраля 2010

Предположение 1: загрузка содержимого перед стилями / javascript.

В этом предположении вы заботитесь о первой загрузке страницы, ТОГДА выполнение css / javascript, позволяя пользователю получить содержимое до загрузки всех сценариев / стилей и, таким образом, ускорить удобство использования страницы.

Для этого поместите теги style / script в качестве последних элементов вашего тела.

Предположение 2: Bizarro-world loading.

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

1) Элемент html head будет загружен перед телом. Нет способа изменить это. Заголовок = заголовок страницы в моей редакции.

2) Используйте следующий html псевдокод

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

И в вашем css плавают все направо, когда они занимают 100% ширины. Это приведет к загрузке страницы назад, но при ее отображении она будет отображаться соответствующим образом.

#header,#footer,#content { width: 100%; float: right; }
0 голосов
/ 16 февраля 2010

Визуально, вы можете получить эффект, при котором содержимое будет отображаться перед заголовком, поместив заголовок после содержимого в выводе HTML, а затем используя CSS, чтобы заголовок отображался первым.

Если вы хотите как-то прокрутить свой контент, я бы проверил jquery и анимацию.

0 голосов
/ 16 февраля 2010

Если вы хотите, чтобы он просто выглядел как его загрузка снизу вверх, то вы можете скрыть все с помощью css в заголовке, а затем сделать javascript скрытым, начиная с нижней части страницы - но я действительно не знаю, почему ты хочешь сделать это Не могли бы вы дать нам больше информации о том эффекте, который вы пытаетесь создать?

0 голосов
/ 16 февраля 2010

Если это какой-то крутой эффект на вашей странице, вы можете проверить Переходы страниц . Это работает только в IE, хотя. Если это так, похоже, вы хотите эффект Wipe.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...