Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Центрирование якорей. (https://javascript.ru/forum/xhtml-html-css/30402-centrirovanie-yakorejj.html)

FeaR51 03.08.2012 03:14
Центрирование якорей.
 
Как сделать чтобы при переходе якорь в хтмл был не в самом вверху, а примерно по центру?

Deff 03.08.2012 03:30
Можно вместо текущих(после них) якорей поставить заместителей

Цитата:
<div id="swich-1" class=Hide stlyle="margin-top:400px;> &nbsp; </div>
Добавив к ним стиль

<style type="text/css">
.Hide {
position:absolute:
border:red 2px solid; /*Эту строку после настроек всех доп якорей убираем*/
/*z-index:-100;*//* А Эту - наоборот - расскоментируем*/
}
</style>
Ссылки прописываем с хешем нового псевдоякоря
Примерный вид:
http://javascript.ru/forum/#swich-1

Cиним - Тop-смещение, от его текущего местоположения

FeaR51 03.08.2012 04:28
сейчас попробую, спс

FeaR51 03.08.2012 04:47
точнее не понял как работает.... это мне к каждому якорю надо еще добавить псевдоякорь?

FeaR51 03.08.2012 05:52
Цитата:
Cиним - Тop-смещение, от его текущего местоположения
та не ксс я знаю, но я немного в хтмле не догоняю моменты некоторые

Deff 03.08.2012 11:20
Цитата:
Сообщение от FeaR51
точнее не понял как работает.... это мне к каждому якорю надо еще добавить псевдоякорь?
Либо составьте список якорей сделаем после Выхода на якорь - плавный скролл вниз - т.е будет два этапа - скачок к верху экрана и плавное движение вниз, до центра

FeaR51 04.08.2012 00:27
у меня есть список, точнее я сделал все якори...
но их многовато будет...
http://rot.whitecrows.ru/item - все предметы что там есть


Часовой пояс GMT +3, время: 01:28.