Такая конструкция подойдёт всем, у кого есть выпадающие меню с ссылкой
Чтобы не цеплять выпадающие меню и коллапсы, используйте класс или id
который будет указывать на разрешение скролла
$("a.youe_class").click(function() {
...
});
Такой подход подойдёт, если без разницы, если в ссылке решётка, или там ссылка, просто будет скроллить к нужному блоку с
id$("a").click(function() {
...
});
<p><a href="#top">К началу страницы</a></p>
<section id="top">
...
</section>
$(document).ready(function() {
var margin = 100; // переменная для контроля докрутки
$("a").click(function() { // тут пишите условия, для всех ссылок или для конкретных
$("html, body").animate({
scrollTop: $($(this).attr("href")).offset().top+margin+ "px" // .top+margin - ставьте минус, если хотите увеличить отступ
}, {
duration: 1600, // тут можно контролировать скорость
easing: "swing"
});
return false;
});
});