Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Переход по якорным ссылкам


helen2014

Recommended Posts

Добрый день всем!

Подскажите что я делаю не так.

Есть статья Доставка где нужно сделать переход по ссылкам якорям.

Якорная ссылка

<div class="ceil_more"><a href="#more" class="msk_more">Подробнее</a></div>

Якорь для ссылки:

<div id="more"></div>

В роди все правильно но не работает. Перебрасывает на главную.

Змінено користувачем helen2014
Надіслати
Поділитися на інших сайтах


23 часа назад, chukcha сказал:

все верно
наличие <base> требует полного пути href="ссылка#more

Спасибо!

Так все заработало!

            <div class="ceil_more"><a href="/simplecheckout/#more" class="msk_more">Подробнее</a></div>

 

Змінено користувачем helen2014
Надіслати
Поділитися на інших сайтах


Осталось подправить скрипт для плавного скроллинга.

Скрипт работает на простой странице. Но у нас модельное окно.

Скрипт:

<script type="text/javascript">
 $(document).ready(function(){
    $("#menu").on("click","a", function (event) {
        event.preventDefault();
        var id  = $(this).attr('href'),
            top = $(id).offset().top;
        $('body,html').animate({scrollTop: top}, 1500);
    });
});
</script>
 
Модельное окно:
<div class="container">
    <div id="myModal1" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">Заголовок модального окна</h4>
                </div>
                <div class="modal-body">
                    Содержимое модального окна 1...
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
                    <button type="button" class="btn btn-primary">Сохранить изменения</button>
                </div>
            </div>
        </div>
    </div>
 
Помоги поправит скрипт!
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.