нашел решение сам на просторах инета
разжую для чайников (как я) на примере helix3
берем файл (или делаем сами из кода)
jQuery(function() {
//В следующей выборке так же просто можно прописать привязку на любой элемент
//Сейчас "якорь" определяется по наличию символа # в ссылке
jQuery('a[href*="#"]').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname){
var target = jQuery(this.hash);target = target.length ? target : jQuery('[name=' + this.hash.slice(1) +']');
if (target.length) {
var scrl = target.offset().top; //Получаем отступ от верхнего края
var offset = 70; //Отступ от элемента в пикселях
var speed = 1000; //Скорость прокрутки
scrl = scrl - offset;
jQuery('html, body').animate({
scrollTop: scrl
}, speed);
return false;
}
}
});
});
файл anchor-smooth-scroll.js помещаем в папку со скриптами вашего шаблона (у меня ***/templates/shaper_helix3/js )
в папке ***/templates/shaper_helix3 ищем файл index.php и правим его
ищем код типа
// load CSS, less and js jquery.nav.js, smoothscroll.js,
$this->helix3->addCSS('bootstrap.min.css, font-awesome.min.css') // CSS Files
->addJS('bootstrap.min.js, jquery.sticky.js, main.js') // JS Files
и добавляем в него загрузку нужного скрипта
// load CSS, less and js jquery.nav.js, smoothscroll.js,
$this->helix3->addCSS('bootstrap.min.css, font-awesome.min.css') // CSS Files
->addJS('bootstrap.min.js, jquery.sticky.js, anchor-smooth-scroll.js, main.js') // JS Files
у меня все заработало. код предложенный
Shustry почему то у меня работать отказался, хотя может быть я его не туда сувал