Jump to content


Photo
- - - - -

Навигация по сайту


Best Answer Cheren-dow , 21 September 2013 - 15:23

Кнопка назад я так понял хранит предыдущую страницу на которой я был. Если это то что надо , можно так же с помощью JS сделать с помощью  window.history.

<a href="javascript:history.back()">назад</a>

В стандартный модуль хлебных крошек в самое наяало, добавить картинку и повесить на нее ссылку которую указал сверху.

Go to the full post


  • This topic is locked This topic is locked
6 replies to this topic

#1 Александр

Александр
  • JBZoo User (rus)
  • User rate: 0
  • posts: 162
  • topics: 46

Posted 21 September 2013 - 13:17

Добрый день, возможно вы уже знаете наиболее оптимальное решение по оптимизации навигации на сайте. 

Например кнопка наверх, вниз, назад, вперед. 

Что то по типу как в соц сети VK. 

Возможно хотя бы 1, 2 элемента. 

Спасибо.


  • 0

#2 Grizli

Grizli
  • JBZoo User (rus)
  • User rate: 11
  • posts: 62
  • topics: 2

Posted 21 September 2013 - 13:51

А можете показать пример того о чем Вы говорите?


  • 0

Если ответ помог Вам можете добавить к карме [color=#33cc00]+1[/color] нажав на зеленую [color=#33cc00][/color]стрелочку выше

Если Вы получили ответ на свой вопрос, не забывайте нажать на "[color=#ff0000]Вопрос решен[/color]"

[color=#ff0000]▼ [/color]



#3 Александр

Александр
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0
  • posts: 162
  • topics: 46

Posted 21 September 2013 - 14:57

вот например

http://www.ebay.com/...e-/231059365344

 

Скоролом опускаетесь вниз, и смотрите в правом углу сайта стрелка - наверх. 

Сверху видна стрелка back 


  • 0

#4 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 21 September 2013 - 15:13

Стрелка вверх делается на JS примерно таким кодом

$(window).scroll(function () {
	            if ($(this).scrollTop() > 100) {
	                $('#back-top').fadeIn();
	            } else {
	                $('#back-top').fadeOut();
	            }
	        });
	        $('#back-top a').click(function () {
	            $('body,html').animate({
	                scrollTop: 0
	            }, 500);
	            return false;
	        });

Остается только стили для кнопки прописать. И изначально кнопке display:none; поставить. И обращение в скрипте сделайте к своей кнопке.


Edited by Cheren-dow, 21 September 2013 - 15:15.

  • 1
Изображение
 

#5 Grizli

Grizli
  • JBZoo User (rus)
  • User rate: 11
  • posts: 62
  • topics: 2

Posted 21 September 2013 - 15:17

Готового решения нет. Вы можете использовать breadcrumbs для навигации между страницами и каталогом (это конечно не стрелка назад, но ее кстати можно сделать через скрипт возврата на предыдущую страницу браузера или поискать готовые решения для Joomla - http://extensions.jo...site-navigation)

ssm409f4f62_200x0.png

Потом горизонтальную прокрутку вверх тоже можно найти в расширениях Joomla или как вариант, если вы пользуетесь шаблоном Yootheme с ULKIT то воспользуйтесь этой реализацией плавной прокрутки: http://getuikit.com/...oth-scroll.html


  • 1

Если ответ помог Вам можете добавить к карме [color=#33cc00]+1[/color] нажав на зеленую [color=#33cc00][/color]стрелочку выше

Если Вы получили ответ на свой вопрос, не забывайте нажать на "[color=#ff0000]Вопрос решен[/color]"

[color=#ff0000]▼ [/color]



#6 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 21 September 2013 - 15:23   Best Answer

Кнопка назад я так понял хранит предыдущую страницу на которой я был. Если это то что надо , можно так же с помощью JS сделать с помощью  window.history.

<a href="javascript:history.back()">назад</a>

В стандартный модуль хлебных крошек в самое наяало, добавить картинку и повесить на нее ссылку которую указал сверху.


Edited by Cheren-dow, 21 September 2013 - 15:24.

  • 0
Изображение
 

#7 Александр

Александр
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0
  • posts: 162
  • topics: 46

Posted 21 September 2013 - 23:10

Мда понятно, что мало что понятно, буду ковырять в направлении которое показали. Спасибо. 


  • 0




Click to return to top of page in style!