PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

начало показа страницы с отступом

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (2): [1] 2 »

Описание: помощь!

Поиск в теме | Версия для печати

RuslanBLR	Отправлено: 24 Января, 2012 - 10:44:00
Новичок Покинул форум Сообщений всего: 16 Дата рег-ции: Дек. 2011 Помог: 0 раз(а)	Привет всем! подскажите как реализовать: нужно чтобы страница выводилось не с самого верха а например 10% от верха, т.е. начало показа страницы с отступом например в 300 пикселей от верха. Помогите как это сделать?

Zuldek	Отправлено: 24 Января, 2012 - 11:02:06
Постоянный участник Покинул форум Сообщений всего: 2122 Дата рег-ции: Июнь 2010 Помог: 50 раз(а)	CODE (htmlphp): скопировать код в буфер обмена ... <script language="JavaScript"> <!-- function Click() { document.getElementById('mark').scrollIntoView(true); } ; //--> </script> ... <body onload="Click()"> ... <div style="position:absolute; width:1px; height:1px; z-index:-9999; margin:300px 0 0 0;" id="mark"></div> (Отредактировано автором: 24 Января, 2012 - 11:03:17)

illy	Отправлено: 24 Января, 2012 - 11:14:32
Участник Покинул форум Сообщений всего: 1117 Дата рег-ции: Июль 2011 Откуда: от верблюда) Помог: 28 раз(а)	CODE (html): скопировать код в буфер обмена <style>body {margin-top:10%}</style> ----- Всё гениальное - просто И ещё проще, если ты - индиго

Zuldek	Отправлено: 24 Января, 2012 - 11:20:36
Постоянный участник Покинул форум Сообщений всего: 2122 Дата рег-ции: Июнь 2010 Помог: 50 раз(а)	illy пишет: CODE (html): скопировать код в буфер обмена <style>body {margin-top:10%}</style> обычно такой отступ требуется для привязки к определенному элементу страницы, чаще всего к тексту. Просто стилями его лучше не задавать потому что из-за изменения размера окна, доступных шрифтах, браузера и т.п. отступ заданный в стиле может быть больше или меньше необходимого. Потому лучше через js с привязкой к элементу на странице.

RuslanBLR	Отправлено: 24 Января, 2012 - 11:36:45
Новичок Покинул форум Сообщений всего: 16 Дата рег-ции: Дек. 2011 Помог: 0 раз(а)	Zuldek это не подходит - при первом случаи разрывает весь макет, а при 2 делает просто отступ от браузера. Мне нужно что бы страницу выводило с определенного div? как это сделать?

armancho7777777	Отправлено: 24 Января, 2012 - 11:37:50
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	RuslanBLR, у Вас jQuery подключен? Zuldek пишет: <style>body {margin-top:10%}</style> Это уродство. Ему же положение скролла надо увеличить на 10% от 0. (Отредактировано автором: 24 Января, 2012 - 11:44:53)

RuslanBLR	Отправлено: 24 Января, 2012 - 11:46:51
Новичок Покинул форум Сообщений всего: 16 Дата рег-ции: Дек. 2011 Помог: 0 раз(а)	armancho7777777 на этой странице нет

armancho7777777	Отправлено: 24 Января, 2012 - 12:09:09
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	RuslanBLR пишет: на этой странице нет А что тогда Вам надо-то? Что это тогда??? RuslanBLR пишет: нужно чтобы страница выводилось не с самого верха а например 10% от верха, т.е. начало показа страницы с отступом например в 300 пикселей от верха

RuslanBLR	Отправлено: 24 Января, 2012 - 12:10:56
Новичок Покинул форум Сообщений всего: 16 Дата рег-ции: Дек. 2011 Помог: 0 раз(а)	armancho7777777 извините не правильно понял. Вы все правильно сказали : увеличить положение скрола на 10%. Как это сделать?

Zuldek	Отправлено: 24 Января, 2012 - 12:36:55
Постоянный участник Покинул форум Сообщений всего: 2122 Дата рег-ции: Июнь 2010 Помог: 50 раз(а)	RuslanBLR пишет: это не подходит - при первом случаи разрывает весь макет, а при 2 делает просто отступ от браузера. Мне нужно что бы страницу выводило с определенного div? как это сделать? Вы сами понимаете чего хотите? 1. Чтобы страницу браузер прокрутил до определенной точки верхняя точка отображаемая в браузере будет в самом верху окна браузера. Я вам показал как это сделать - страница будет прокручено до div или любого другого элемента с меткой. 2. Чтобы браузер вообще ничего не выводил выше вашей точки. Тут можно просто не отдавать клиенту html до вашей точки вот и все. Если вы клиенту его отдадите и скроете js это будет бред и контент всеравно он может увидеть. Что вам требуется. Если прокрутить скролл - то решение выше. Пример реализации - sarcpt.ru вторая кнопка меню, пощелкать по пунктам.

RuslanBLR	Отправлено: 24 Января, 2012 - 12:47:00
Новичок Покинул форум Сообщений всего: 16 Дата рег-ции: Дек. 2011 Помог: 0 раз(а)	Zuldek как только ставлю style="position:absolute;" то у меня весь макет сбивается влево а так все работает

Zuldek	Отправлено: 24 Января, 2012 - 12:53:28
Постоянный участник Покинул форум Сообщений всего: 2122 Дата рег-ции: Июнь 2010 Помог: 50 раз(а)	RuslanBLR пишет: Zuldek как только ставлю style="position:absolute;" то у меня весь макет сбивается влево а так все работает если элемент нужен только для марки отступа то лучше не использовать div, это нехорошо. Если нужен именно div, то поправьте CODE (htmlphp): скопировать код в буфер обмена <div style="position:relative; z-index: -9999;"><div style="position:absolute; width:1px; height:1px; z-index:-999; margin:300px 0 0 0;" id="mark"></div></div> лучше все это выводить сразу после <body>. (Отредактировано автором: 24 Января, 2012 - 12:54:16)

RuslanBLR	Отправлено: 24 Января, 2012 - 12:57:05
Новичок Покинул форум Сообщений всего: 16 Дата рег-ции: Дек. 2011 Помог: 0 раз(а)	Zuldek если не обязательно div то как тогда?

Zuldek	Отправлено: 24 Января, 2012 - 13:04:02
Постоянный участник Покинул форум Сообщений всего: 2122 Дата рег-ции: Июнь 2010 Помог: 50 раз(а)	RuslanBLR пишет: Zuldek если не обязательно div то как тогда? любой тег. Можно и свой создать: если html5 то хоть <mark>. в js указываем скрол до него, а в css опишите стиль отображения или неотображения. div тэг разметки документа и его для одной цели метки использовать нехорошо. (Отредактировано автором: 24 Января, 2012 - 13:05:58)

RuslanBLR	Отправлено: 24 Января, 2012 - 13:05:33
Новичок Покинул форум Сообщений всего: 16 Дата рег-ции: Дек. 2011 Помог: 0 раз(а)	Zuldek ставлю сразу после body - не смещает! почему? простите поправка: получается когда переходу на эту страницу - то не смещает, начинаю листатать скролинг вниз - обнавляю страницу - тогда переводит на установленный div (Отредактировано автором: 24 Января, 2012 - 13:09:46)

Поиск в теме | Версия для печати

Страниц (2): [1] 2 »

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

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