Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

[РЕШЕНО] Как сделать кнопку наверх?

Как в Artisteer сделать кнопку прокрутки наверх
Посетитель
ANVolkov
Сообщений: 7
56 дней назад
Приветствую. Скажите как сделать кнопку для прокрутки наверх. Такую как здесь на сайте.
Постоянный участник
Степаныч
Медаль
Сообщений: 639
2 дня назад
В программе не получится, нужно потом шаблон дорабатывать в ручную. Способов реализации полно.

Наберите в гугле "кнопка наверх jquery" и выберите что больше нравится, там же и описание как прикрутить.
Посетитель
ANVolkov
Сообщений: 7
56 дней назад
Степаныч:
Наберите в гугле "кнопка наверх jquery" и выберите что больше нравится, там же и описание как прикрутить.

Не знаю что и куда вставлять. Если можно напишите подробнее с привязкой к Artisteer.
Постоянный участник
Malover
Медаль
Сообщений: 580
12 часов назад
Напишу как подключить кнопку которая попалась, если не понравится другие подключаются похоже.

В файл index.php шаблона вставить перед </head> этот код:

Код PHP:
  1.  
  2.  
  3. <script type="text/javascript">
  4.  
  5. $(function() {
  6.  
  7. $(window).scroll(function() {
  8.  
  9. if($(this).scrollTop() != 0) {
  10.  
  11. $('#toTop').fadeIn();
  12.  
  13. } else {
  14.  
  15. $('#toTop').fadeOut();
  16.  
  17. }
  18.  
  19. });
  20.  
  21. $('#toTop').click(function() {
  22.  
  23. $('body,html').animate({scrollTop:0},800);
  24.  
  25. });
  26.  
  27. });
  28.  
  29. </script>
  30.  
В этот же файл внизу перед тегом </body> вставить это:

Код PHP:
  1.  
  2. <div id = "toTop"> ^ Наверх </div>
  3.  
Этот файл закрыть, открыть css/template.css в самом конце вставить:

Код PHP:
  1.  
  2. #toTop {
  3. width:100px;
  4. border:1px solid #ccc;
  5. background:#f7f7f7;
  6. text-align:center;
  7. padding:5px;
  8. position:fixed;
  9. bottom:10px; /* отступ кнопки от нижнего края страницы*/
  10. right:10px;
  11. cursor:pointer;
  12. display:none;
  13. color:#333;
  14. font-family:verdana;
  15. font-size:11px;
  16. }
  17.  
Все. smoke
Посетитель
ANVolkov
Сообщений: 7
56 дней назад
Сделал. Работает. Хотел немного другого вида, но спасибо за помощь, может быть по подобию попробую какая понравится сделать.
|
Перейти на форум: