Не получается сделать прокрутку к якорям

[madeas]

Igorsrt,
а вы не пробовали использовать альтернативные варианты? вроде того, что я кинул выше. можно сделать плавную прокрутку от любой ссылки к своему якорю https://jsfiddle.net/fweycbt1/4/
Я в js не силен, но в большинстве случаем стараюсь решать задачи без скриптов. Ведь если напихать много и не аккуратно, они начинают конфликтовать. Возможно, из-за этого и не работает ваш слайдер.

[j0hnik]

<style>
button{
	margin-bottom: 500px;
}
</style>
   <button id="but">скролл</button>
   <div id="div">Блок</div>
<script>
   but.onclick =e=> div.scrollIntoView({behavior: 'smooth' });
</script>

можно проще

[madeas]

j0hnik,
разве? это же надо для каждой кнопки прописывать, а если якорь в футере, то все поедет https://jsfiddle.net/fweycbt1/5/

[j0hnik]

madeas,
ничего, подучитесь, начнете разбираться.

[Igorsrt]

так у меня ничего и не получилось толком... из кнопок в слайдере прокрутка не работает почему-то, если в ссылке указать не просто #анкор, а страница#анкор - то тоже не крутится ((

[Nexus]

Igorsrt,
https://jsfiddle.net/fweycbt1/6/

[Igorsrt]

Мне, если честно вполне вот этот вариант устроил бы (т.е. при помощи добавления класса к нужным ссылкам):

$('a.nav').click(function() {
        $("html, body").animate({
            scrollTop: $($(this).attr('href')).offset().top + "px"
        }, {
            duration: 500
        });
        return false;
    });

но почему он не срабатывает на ссылках в слайдере, я же там класс nav тоже добавляю?... второй день голову ломаю

[Nexus]

Igorsrt,

$('a.nav').click(function(e) {
    e.preventDefault();

    $("html, body").animate({
        scrollTop: $('#' + $(this).attr('href').split('#').pop()).offset().top + "px"
    }, {
        duration: 500
    });
});

но почему он не срабатывает на ссылках в слайдере, я же там класс nav тоже добавляю

Возможно слайдер убивает всплытие события.
Как вариант, можете попробовать слайдер инициировать после этого скрипта.

[рони]

но почему он не срабатывает на ссылках в слайдере, я же там класс nav тоже добавляю?...

не смотрел, но обычно стрелки вперёд/назад перекрывают слайд, и кликнуть нельзя, либо все клики по слайду отменены, чтоб можно было его "таскать"

[Igorsrt]

не смотрел, но обычно стрелки вперёд/назад перекрывают слайд, и кликнуть нельзя, либо все клики по слайду отменены, чтоб можно было его "таскать"

Кликнуть-то я могу по ссылке и будет переход на якорь... только без прокрутки почему-то