Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.08.2012, 03:14
Аватар для FeaR51
Аспирант
Отправить личное сообщение для FeaR51 Посмотреть профиль Найти все сообщения от FeaR51
 
Регистрация: 07.05.2011
Сообщений: 54

Центрирование якорей.
Как сделать чтобы при переходе якорь в хтмл был не в самом вверху, а примерно по центру?
Ответить с цитированием
  #2 (permalink)  
Старый 03.08.2012, 03:30
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

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

Цитата:
<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-смещение, от его текущего местоположения

Последний раз редактировалось Deff, 03.08.2012 в 03:34.
Ответить с цитированием
  #3 (permalink)  
Старый 03.08.2012, 04:28
Аватар для FeaR51
Аспирант
Отправить личное сообщение для FeaR51 Посмотреть профиль Найти все сообщения от FeaR51
 
Регистрация: 07.05.2011
Сообщений: 54

сейчас попробую, спс
Ответить с цитированием
  #4 (permalink)  
Старый 03.08.2012, 04:47
Аватар для FeaR51
Аспирант
Отправить личное сообщение для FeaR51 Посмотреть профиль Найти все сообщения от FeaR51
 
Регистрация: 07.05.2011
Сообщений: 54

точнее не понял как работает.... это мне к каждому якорю надо еще добавить псевдоякорь?
Ответить с цитированием
  #5 (permalink)  
Старый 03.08.2012, 05:52
Аватар для FeaR51
Аспирант
Отправить личное сообщение для FeaR51 Посмотреть профиль Найти все сообщения от FeaR51
 
Регистрация: 07.05.2011
Сообщений: 54

Цитата:
Cиним - Тop-смещение, от его текущего местоположения
та не ксс я знаю, но я немного в хтмле не догоняю моменты некоторые
Ответить с цитированием
  #6 (permalink)  
Старый 03.08.2012, 11:20
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от FeaR51
точнее не понял как работает.... это мне к каждому якорю надо еще добавить псевдоякорь?
Либо составьте список якорей сделаем после Выхода на якорь - плавный скролл вниз - т.е будет два этапа - скачок к верху экрана и плавное движение вниз, до центра
Ответить с цитированием
  #7 (permalink)  
Старый 04.08.2012, 00:27
Аватар для FeaR51
Аспирант
Отправить личное сообщение для FeaR51 Посмотреть профиль Найти все сообщения от FeaR51
 
Регистрация: 07.05.2011
Сообщений: 54

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
центрирование увеличенного изображения при наведении TAILER jQuery 1 10.01.2014 20:31
центрирование в TabPanel burashka ExtJS 1 16.07.2010 12:13
Центрирование элемента относительно центра другого элемента idrozd jQuery 1 27.01.2010 13:32
Центрирование элемента magistr_bender Элементы интерфейса 0 16.09.2008 17:44
центрирование курсора (автоскролинг) h0per Общие вопросы Javascript 1 04.09.2008 18:19