Bootstrap Navbar перемещает окно при сворачивании ⇐ Jquery

[Anonymous]

Все это происходит на экранах мобильных устройств. У меня есть такая панель навигации:

Код: Выделить всё

[url=#top]
[img]images/id/logo.svg[/img]
[/url]




[list]
[*]
[url=#presentacion]Presentación[/url]

[*]
[url=#proyectos]Proyectos[/url]

[*]
[url=#festivales]Festivales[/url]

[*]
[url=#formacion]Formación[/url]

[*]
[url=#hoy]Hoy en Día[/url]

[*]
[url=#forma_cto]Contacto[/url]

[*]
[url=#ubi]Ubicación[/url]

[*]
[url=videos.html]Videos[/url]

[/list]

А чтобы свернуть меню при нажатии на него, я использую этот jquery:

Код: Выделить всё

$('.nav-link, .navbar-brand').on('click', function() {
$('.navbar-collapse').collapse('hide');
});

Дело в том, что это перемещает окно вниз на определенное количество пикселей (точно на высоту видимого меню, которая в данном случае составляет 296 пикселей). Теперь я попытался добавить прокрутку:

Код: Выделить всё

$('.nav-link, .navbar-brand').on('click', function() {
$(window).scrollTop($(window).scrollTop() - 296);
$('.navbar-collapse').collapse('hide');
});

И он сворачивается, но не выполняет прокрутку. Даже если я поменяю строки, это не сработает (то же самое поведение: схлопнется, но не будет прокручиваться):

Код: Выделить всё

$('.nav-link, .navbar-brand').on('click', function() {
$('.navbar-collapse').collapse('hide');
$(window).scrollTop($(window).scrollTop() - 296);
});

И что странно, если я просто вызову API ScrollTop, прокрутка завершится:

Код: Выделить всё

$('.nav-link, .navbar-brand').on('click', function() {
$(window).scrollTop($(window).scrollTop() - 296);
});

Как сделать так, чтобы панель навигации сворачивалась, а окно прокручивалось на 296 пикселей?

Заранее спасибо.

Подробнее здесь: https://stackoverflow.com/questions/791 ... -collapses