Нужна кнопка ВВЕРХ

#1 21 апреля 2014 в 01:05
Никто не поможет или уже есть что готовая, нужна кнопка "Вверх", что бы при нажатии сайт скроллился на самый верх

нужна для 1.10.3
один компонент который с кнопочкой аля вконтакте ставил, он у меня не заработал
Заранее спасибо
#2 21 апреля 2014 в 01:27
Тут не сложно. Вот к примеру.
Редактируете файл шаблона, добавляете стили и усе.
#4 21 апреля 2014 в 04:43
Не смотрел вариант Keep, но свой вариант тоже публикую. (как есть публикую, без изменений)
Стили (можно в файл /templates/_default_/css/styles.css )
  1. .scrollTop {
  2. background: url(http://сайт.ru/картинка.png) 0 0 no-repeat;
  3. display: block;
  4. width: 30px;
  5. height: 30px;
  6. position: fixed;
  7. bottom: 10px;
  8. z-index: 2000;
  9. margin-left: 1188px;
  10. }
Скрипт (в хедер или в футер в файле /templates/_default_/template.php)
  1. <script type='text/javascript'>
  2. (function($){
  3. $(function(){
  4. var e = $(".scrollTop"),
  5. speed = 500;
  6.  
  7. e.click(function(){
  8. $("html:not(:animated)" +( !$.browser.opera ? ",body:not(:animated)" : "")).animate({ scrollTop: 0}, 500 );
  9. return false; //важно!
  10. });
  11. //появление
  12. function show_scrollTop(){
  13. ( $(window).scrollTop()>300 ) ? e.fadeIn(600) : e.hide();
  14. }
  15. $(window).scroll( function(){show_scrollTop()} ); show_scrollTop();
  16. });
  17.  
  18. })(jQuery)
  19. </script>
В томже файле ссылку вставить
  1. <a class="scrollTop" href="#top" style="display: block;" title="Лифт на верх"></a>
У самого верхнего элемента должен быть ID (id="top") или какой-то другой, на ваше усмотрение.
#5 21 апреля 2014 в 07:18
Всем спасибо огромное за помощь. Все отлично работает. Непонятно только где проверка что кнопка должна появится, просто появляется не совсем сразу после того как должна появится… Хотя это не критично😊Еще раз огромное спасибо!
#6 21 апреля 2014 в 07:27
в варианте от Keep есть такой параметр:

heightForButtonAppear: 0, // дистанция от верхнего края окна браузера, при превышении которой кнопка становится видимой

но при его редактировании никаких изменений не видно…
#7 21 апреля 2014 в 10:04
Потому что менять нужно не значение по умолчанию, а значение которое передается при вызове. В самом низу этого же файла, тот же параметр heightForButtonAppear
#8 21 апреля 2014 в 14:01


Потому что менять нужно не значение по умолчанию, а значение которое передается при вызове. В самом низу этого же файла, тот же параметр heightForButtonAppear

Pasha

Спасибо! Вопрос решен.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.