ant42

Рейтинг
165
Регистрация
13.06.2012

Больше года назад поставил скрипт на несколько сайтов. Бурж траф вырос, как и обещали. Сайты никак не продвигал, только перевел его на новые языки, трафик сам появился, без ссылок.

marc3d, Заработало с версией jquery 1.8.0 (я подключал последнюю версию jquery.scrollTo.min.js). С более новыми и старыми отказывалось работать почему-то

marc3d:
Если есть jQuery, то могу предложить такой вариант, так как на чистом JS это реализовывается в шаблоне проблемнее.

Код:
HTML:
<script src="http://cdn.jsdelivr.net/jquery.scrollto/2.1.2/jquery.scrollTo.min.js"></script>
...
<label for="modal-2" data-scroll-to="#comments">Открыть комментарии</label>

JS:
$('[data-scroll-to]').click(function (e) {
$(window).scrollTo($($(e.target).data('scroll-to')).offset().top, 750);
});
Пробуйте.

Чет не переходит ни фига...

marc3d:
ant42, делайте переход таким кодом кнопки:

Код:
<a href="#comments">
<label for="modal-2">Открыть комментарии</label>
</a>
Это, если не углубляться в JS.

Это не работает. Окно закрывается, но перехода нет

marc3d:
Версия Bootstrap? Может дадите jsfiddle?
Что-то не сходится...

Ой, перепутал, на этом сайте bootstrap элементов нет, а открытие модального окна с помощью css сделано (и html5)

---------- Добавлено 10.09.2016 в 21:37 ----------

Вот пример https://jsfiddle.net/#&togetherjs=6KUytniiH2

marc3d,

marc3d:
<label data-toggle="modal" data-target=".modal">Открыть модальное окно</label>

у меня этот label не открывает модальное окно

marc3d:
Если не углубляться в JS, то должен отработать стандартный API модального окна:

<a href="#comments" data-dismiss="modal">Комментарии</a>

Через стандартный API не работает почему-то (переход есть, но окно не закрывается). Вот код модала:

<div class="modal">

<input class="modal-open" id="modal-5" type="checkbox" hidden>

<div class="modal-wrap" aria-hidden="true" role="dialog">

<label class="modal-overlay" for="modal-5"></label>

<div class="modal-dialog">

<div class="modal-header">

<span class="header">Заголовок</span>

<label class="btn-close" for="modal-5" aria-hidden="true">×</label>

</div>

<div class="modal-body">

<p>Модальное окно</p>

</div>

<div class="modal-footer">

<a href="#comments" data-dismiss="modal">Комментарии</a>

</div>

</div>

</div>

</div>

Модал открывается нажатием на label:

<label class="myclassss" for="modal-5">Открыть модал</label>

Системный домен уже как минимум час в бане хрома

Один топовый сайт сегодня сильно просел по многим запросам и по трафику. Первый раз такое

viktorchereffko:
Если вы писали, и ничего не вернулось, смысл тогда нам писать?

чтобы показать, что проблема не решена, как они считают

Всего: 963