Форум русской поддержки Joomla!® CMS
03.12.2016, 10:51:31 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Как сделать отступ на переход по ссылке анкеру?

 (Прочитано 1120 раз)
0 Пользователей и 1 Гость смотрят эту тему.
MariAlex
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 11


« : 09.06.2015, 08:25:15 »

Создаю анкер, и привязываю ссылку на анкер. при нажатии на ссылку перехожу на анкер, и он поднимается на начало страницы, но у меня фиксированное вернее меню, поэтому надо чтобы переход был не на начало страницы, а с отступом  200px. Пыталась в классе ссылки прописать margin-top:200px; или top:200px; не помогло
Записан
kik84
Живу я здесь
******

Репутация: +59/-4
Offline Offline

Сообщений: 1307



« Ответ #1 : 09.06.2015, 10:47:12 »

Если я правильно суть проблемы понял, то это надо использовать .offset()
Записан
Ilhom666
Живу я здесь
******

Репутация: +154/-0
Online Online

Сообщений: 1333



« Ответ #2 : 09.06.2015, 11:06:05 »

так попробуйте
Код:
<a href="#" onclick="window.scrollTo(0,200); return false;">Наверх</a>
Записан
MariAlex
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 11


« Ответ #3 : 09.06.2015, 12:11:01 »

 Ilhom666, Спасибо большое все получилось!
Записан
MariAlex
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 11


« Ответ #4 : 09.06.2015, 12:27:09 »

Цитировать
Ilhom666, Спасибо большое все получилось!

Все же не получилось
просто по клику ссылки опускает страницу на 200px, а не с места где анкер
Записан
Ilhom666
Живу я здесь
******

Репутация: +154/-0
Online Online

Сообщений: 1333



« Ответ #5 : 09.06.2015, 13:15:03 »

сцылка есть?
Записан
MariAlex
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 11


« Ответ #6 : 09.06.2015, 18:19:49 »

нет, сайт в разработке.
вот код:

<a href="#PD" onclick="window.scrollTo(0,200); return false;">Отдел пренатальной диагностики МГК&nbsp;</a>

Записан
MariAlex
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 11


« Ответ #7 : 09.06.2015, 18:41:09 »

попробовала
в php

$("#sq").click(function () { $(this).offset({top:200px});});

ссылке присвоила Div sq
тоже не сработало
Записан
vipiusss
Профи
********

Репутация: +260/-8
Offline Offline

Пол: Мужской
Сообщений: 4570


Skype: renor_


« Ответ #8 : 09.06.2015, 18:54:50 »

Сделайте в таком стиле, демо:
Показать текстовый блок
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet