[РЕШЕНО] плавный скролл по якорю 2.X

 
Посетитель
small user social cms
Медаль
Сообщений: 657
всем мира, ребята подскажите , создал якорь на странице , в главном меню указал переход на этот якорь - переходит но быстро резко - а нужно плавно - пробовал разные скрипты замедления нечего не выходит - может движок что то режит и запрещает - подскажите как тоакое реализовать ?
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 2430
Код PHP:
  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>
Посетитель
small user social cms
Медаль
Сообщений: 657
Нил™, к сожелению результат такой же - просто резко переходит и всё
Посетитель
small user social cms
Медаль
Сообщений: 657
работает но в главном меню сылки формируются с слэшом в начале
попробовал заменить $('a[href^="#"]').click(function(){ на $('a[href^="/#"]').click(function(){

но не помогает!
Посетитель
small user social cms
Медаль
Сообщений: 657
Странно.что просто ссылку вставляешь в виддет то работает. Авот что бы с главного меню не как.печаль
Посетитель
small user social cms
Медаль
Сообщений: 298
У меня такой скрип, вроде работает.
Код PHP:
  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.  
Посетитель
small user social cms
Медаль
Сообщений: 657
Юрий, не работает
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатийАвторитет форума
Сообщений: 2050
Нужным пунктам меню назначить класс "for_anchor" (можно столько ссылок, сколько нужно якорей)
Вставить на сттраницу скрипт:
Код PHP:
  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.  
Всё наладится.
Редактировалось: 1 раз (Последний: 11 сентября 2017 в 22:08)
Украинский для инстант
Посетитель
small user social cms
Медаль
Сообщений: 657
Олег Васильевич я, большое спасибо!!!реально заработало!!+ в карму!!!
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: