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

[helen2014]

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

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

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

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

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

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

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

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

Змінено 8 жовтня 2019 користувачем helen2014

[chukcha]

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

[helen2014]

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

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

Спасибо!

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

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

 

Змінено 9 жовтня 2019 користувачем helen2014

[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>

 

Помоги поправит скрипт!