плавный скролл по якорю

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

но не помогает!
#5 10 сентября 2017 в 12:48
Странно.что просто ссылку вставляешь в виддет то работает. Авот что бы с главного меню не как.печаль
#6 10 сентября 2017 в 19:56
У меня такой скрип, вроде работает.
  1.  
  2. <script type="text/javascript">
  3. $(function(){
  4. $("a[href^='#about']").click(function(){
  5. var _href = $(this).attr("href");
  6. $("html, body").animate({scrollTop: $(_href).offset().top+"px"});
  7. return false;
  8. });
  9. });
  10. </script>
  11.  
#7 11 сентября 2017 в 13:24
Юрий, не работает
#8 11 сентября 2017 в 22:05
Нужным пунктам меню назначить класс "for_anchor" (можно столько ссылок, сколько нужно якорей)
Вставить на сттраницу скрипт:
  1.  
  2. <script type="text/javascript">
  3.  
  4. $('.for_anchor a').bind('click.smoothscroll',function (event) {
  5.  
  6. event.preventDefault();
  7.  
  8. var target = this.hash,
  9. $target = $(target);
  10.  
  11. $('html, body').stop().animate({
  12. 'scrollTop': $target.offset().top
  13. }, 1000, 'swing', function () {
  14. window.location.hash = target;
  15. });
  16.  
  17. });
  18.  
  19. </script>
  20.  
Всё наладится.
#9 12 сентября 2017 в 05:47
Олег Васильевич я, большое спасибо!!! реально заработало!!+ в карму!!!
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.