Кнопка "наверх"

#16 27 января 2012 в 11:47
Да разве ж 90% современных "адептов" подозревают о кнопке HOME?
Мой старший сын (16 лет) мечтает о "планшете"… а ноутбук ему уже не то… Видимо, в эту "новых технологий" кнопка HOME скоро умрет…
#17 27 января 2012 в 13:32
А такая "#" не работает?
#18 8 февраля 2012 в 21:07
Ни одно из предложенных здесь решений у меня нормально не работали — или дизайн убогий или вообще не отображается.
Установил отсюда
#19 9 февраля 2012 в 11:32

Ни одно из предложенных здесь решений у меня нормально не работали — или дизайн убогий или вообще не отображается. Установил отсюда

Как Вы это сделали, Максим, куда надо вписывать этот код, Вы не подскажите? :(((
#20 12 марта 2012 в 10:45
Keep, Спасибо большое за кнопку. Отлично работает (ставила на 1,8).
Скажите, а как можно эту же кнопку в правый нижний угол загнать, вместо левого верхнего?
Пыталась "top" в двух местах на "bottom" поменять, но не прокатило.
Если Kepp не против, приведу его код кнопки ниже, который устанавливается в template.php перед тегом </body>:

  1. <!--up-->
  2. <style type="text/css">
  3. .scroll-to-top-button{
  4. background: #fff url(/templates/_default_/images/up.png) center center no-repeat;
  5. width: 40px;
  6. height: 5px;
  7. border-radius: 5px;
  8. -moz-border-radius: 5px;
  9. -webkit-border-radius: 5px;
  10. cursor: pointer;
  11. padding: 15px;
  12. margin: 40px;
  13. }
  14. </style>
  15.  
  16. <script type="text/javascript">
  17. (function(jq) {
  18. jq.autoScroll = function(ops) {
  19. ops = ops || {};
  20. ops.styleClass = ops.styleClass || 'scroll-to-top-button';
  21. var t = jq('<div class="'+ops.styleClass+'"></div>'),
  22. d = jq(ops.target || document);
  23. jq(ops.container || 'body').append(t);
  24.  
  25. t.css({
  26. opacity: 0,
  27. position: 'absolute',
  28. top: 0,
  29. left: 3
  30. }).click(function() {
  31. jq('html,body').animate({
  32. scrollTop: 0
  33. }, ops.scrollDuration || 1000);
  34. });
  35.  
  36. d.scroll(function() {
  37. var sv = d.scrollTop();
  38. if (sv < 500) {
  39. t.clearQueue().fadeOut(ops.hideDuration || 500);
  40. return;
  41. }
  42.  
  43. t.css('display', '').clearQueue().animate({
  44. top: sv,
  45. opacity: 0.8
  46. }, ops.showDuration || 500);
  47. });
  48. };
  49. })(jQuery);
  50. </script>
  51.  
  52. <script type="text/javascript">
  53. $(document).ready(function() {
  54. $.autoScroll({
  55. scrollDuration: 500,
  56. showDuration: 600,
  57. hideDuration: 300
  58. });
  59. });
  60. </script>
  61. <!--/up-->
#21 12 марта 2012 в 15:53
Keep спасибо за девайс))) Отлично вписался в дизайн!
#22 12 марта 2012 в 21:03
Вот кнопка под 1.10.3, можно вывести в любом углу, текстом или картинкой, инструкция в архиве.
#23 12 марта 2012 в 21:12
Вот кнопка для юкоз, этот код вставляете себе и будет Вам счастье.
#24 12 марта 2012 в 21:56
Использую самый простой вариант перемещения наверх. Прописал сразу после боди <a name="Начало"></a>
Внизу поставил в конец контента <center><a id="on_top" href="#Начало">Наверх страницы</a></center>

Оформление в ксс и все.
#25 14 мая 2012 в 10:03


Madmax писал, еще в далеком 2009…

Приветствую сообщество! Возникла проблема — на сайте слишком длинные сообщения на форуме в некоторых темах — страница становиться в метр длиной… Следовательно возникла необходимость ССЫЛКИ (КНОПКИ) — ВВЕРХ СТРАНИЦЫ… Решение: Вживить ссылку — вида — Вверх страницы — в тело template.php или создать модуль и назначить его вывод на самую низшую позицию и в теле, через источник прописать вышеуказанное… Полностью кросбраузерно — универсально (проверил на всех браузерах).

Madmax
— работает посейдень.

Митяй

ГЕНИАЛЬНО!!! сори за капс, просто мучился год…
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.