Перейти к содержанию
  • Плавная прокрутка


    Silence

    Плавная прокрутка

    Перейти к ACP > Customizations > Themes > ваша тема > edit HTML and CSS > core > front > global > clobalTemplate и найти:

    <!--ipsQueryLog-->

    после его поставит ето код:

    Спойлер
    
    <script type="text/javascript">  
     jQuery(function(){  
      $("#Go_Top").hide().removeAttr("href");  
      if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")  
      $(window).scroll(function(){  
      if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")  
      else $("#Go_Top").fadeIn("slow")  
      });  
    
      $("#Go_Bottom").hide().removeAttr("href");  
      if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")  
      $(window).scroll(function(){  
      if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")  
      else $("#Go_Bottom").fadeIn("slow")  
      });  
    
      $("#Go_Top").click(function(){  
      $("html, body").animate({scrollTop:0},"slow")  
      })  
      $("#Go_Bottom").click(function(){  
      $("html, body").animate({scrollTop:$(document).height()},"slow")  
      })  
     });  
     </script>  
    
     <a style='position: fixed; bottom: 300px; right: 1px; cursor:pointer; display:none;'  
     href='#' id='Go_Top'>  
      <i class="fa fa-chevron-up" aria-hidden="true"></i>  
     </a>  
     <a style='position: fixed; bottom: 250px; right: 1px; cursor:pointer; display:none;'  
     href='#' id='Go_Bottom'>  
      <i class="fa fa-chevron-down" aria-hidden="true"></i>  
     </a>

     

    Ето все  ... ;)

     

    AEqurhwrCU.mp4


    Обратная связь

    Рекомендуемые комментарии

    новый медленный код

    <script type="text/javascript">  
     jQuery(function(){  
      $("#Go_Top").hide().removeAttr("href");  
      if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")  
      $(window).scroll(function(){  
      if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")  
      else $("#Go_Top").fadeIn("slow")  
      });  
    
      $("#Go_Bottom").hide().removeAttr("href");  
      if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")  
      $(window).scroll(function(){  
      if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")  
      else $("#Go_Bottom").fadeIn("slow")  
      });  
    
      $("#Go_Top").click(function(){  
      $("html, body").animate({scrollTop:0},2000)  
      })  
      $("#Go_Bottom").click(function(){  
      $("html, body").animate({scrollTop:$(document).height()},2000)  
      })  
     });  
     </script>  
    
     <a style='position: fixed; bottom: 300px; right: 1px; cursor:pointer; display:none;'  
     href='#' id='Go_Top'>  
      <i class="fa fa-chevron-up" aria-hidden="true"></i>  
     </a>  
     <a style='position: fixed; bottom: 250px; right: 1px; cursor:pointer; display:none;'  
     href='#' id='Go_Bottom'>  
      <i class="fa fa-chevron-down" aria-hidden="true"></i>  
     </a>

     

    Ссылка на комментарий
    Поделиться на другие сайты

    А как что то подобное сделать для блоков с "последними постами форума" и файлов которые загружаются на форум !? Ну что то вроде скор бара.
    Заранее спасибо
     

    Безымянный.jpg

    Ссылка на комментарий
    Поделиться на другие сайты



    Присоединяйтесь к обсуждению

    Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
    Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

    Гость
    Добавить комментарий...

    ×   Вставлено с форматированием.   Вставить как обычный текст

      Разрешено использовать не более 75 эмодзи.

    ×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

    ×   Ваш предыдущий контент был восстановлен.   Очистить редактор

    ×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.


×
×
  • Создать...