Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Якорь в центре окна (https://javascript.ru/forum/jquery/23004-yakor-v-centre-okna.html)

Azazaza 08.11.2011 17:09

Якорь в центре окна
 
Можно ли при переходе к якорю сделать чтоб он был не в самом верху окна, а в центре? или просто с определенным отступом от верха.

Pavel M. 08.11.2011 17:46

если сам якорь или элемент, который он обрамляет блочный, то просто установи для этого элемента в css padding-top: xxx

и при переходе будет отступ

Azazaza 08.11.2011 17:53

Нет, не блочный. У меня на странице, например, сплошной текст, и одно слово с якорной ссылкой.

Pavel M. 08.11.2011 18:19

тогда можно ловить событие 'hashchange', почти везде уже работает

$(window).bind('hashchange', function() { 
   // анализируем window.location.hash 
   // и прокручиваем окно ниже на сколько надо
});

Pavel M. 08.11.2011 18:25

кстати если просто якорь в сплошном тексте, то можно для него написать стиль a[name] {padding-top: 50px;}

так как это строковый элемент, то визуально ничего не изменится, но при прокрутке будет останавливаться на 50px от края

в FF7 и IE9 - это сработало, потестируй в других

Serg_pnz 08.11.2011 19:17

Azazaza,
юзай jquery.scrollTo.js - придвигает страницу или див с переполнением к внутреннему элементу, при чем можно задать отступ от края родителя.

upd: вот на русском описание: http://www.xiper.net/collect/js-plug.../scrollto.html

Azazaza 10.11.2011 14:30

прикрутил. настроил, подошел плагин)) спс))


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