плавный скролл по якорю
ЕСТЬ РЕШЕНИЕ
ЗАКРЫТО
InstantCMS 2.X
#1
9 сентября 2017 в 11:43
всем мира, ребята подскажите, создал якорь на странице, в главном меню указал переход на этот якорь — переходит но быстро резко — а нужно плавно — пробовал разные скрипты замедления нечего не выходит — может движок что то режит и запрещает — подскажите как тоакое реализовать?
#2
9 сентября 2017 в 13:30
<script type="text/javascript"> $(function(){ $('a[href^="#"]').click(function(){ var target = $(this).attr('href'); $('html, body').animate({scrollTop: $(target).offset().top}, 1800); return false; }); }); </script>
#3
9 сентября 2017 в 13:45
Нил™, к сожелению результат такой же — просто резко переходит и всё
Сегодня в 05:36
#4
10 сентября 2017 в 06:32
работает но в главном меню сылки формируются с слэшом в начале
попробовал заменить $('a[href^="#"]').click(function(){ на $('a[href^="/#"]').click(function(){
но не помогает!
попробовал заменить $('a[href^="#"]').click(function(){ на $('a[href^="/#"]').click(function(){
но не помогает!
#5
10 сентября 2017 в 12:48
Странно.что просто ссылку вставляешь в виддет то работает. Авот что бы с главного меню не как.печаль
#6
10 сентября 2017 в 19:56
У меня такой скрип, вроде работает.
<script type="text/javascript"> $(function(){ $("a[href^='#about']").click(function(){ var _href = $(this).attr("href"); $("html, body").animate({scrollTop: $(_href).offset().top+"px"}); return false; }); }); </script>
#7
11 сентября 2017 в 13:24
Юрий, не работает
Нужным пунктам меню назначить класс "for_anchor" (можно столько ссылок, сколько нужно якорей)
Вставить на сттраницу скрипт:
Всё наладится.
Вставить на сттраницу скрипт:
<script type="text/javascript"> $('.for_anchor a').bind('click.smoothscroll',function (event) { event.preventDefault(); $target = $(target); $('html, body').stop().animate({ 'scrollTop': $target.offset().top }, 1000, 'swing', function () { }); }); </script>
#9
12 сентября 2017 в 05:47
Олег Васильевич я, большое спасибо!!! реально заработало!!+ в карму!!!