Тег якоря в URL

[Bilargo]

Друзья, всем привет!
Делаю якорь на сайте, а он при переходе добавляет в URL #тег, что затрудняет юзабилити при попытке перейти "Назад", наверняка есть решение данной проблемы, прошу направить.

[Вадим Мошев]

Сделать прокручивании страницы при нажатии на этот элемент.
Если информации немного, то можно раскрывать блок с содержимым при нажатии на этот элемент.

[uberchel]

jQuery:

<div class="control-anchors">
	<a href="#top" class="anchor">Вверх</a>
	<a href="#bottom" class="anchor">Вниз</a>
	<script>
	  $('.anchor').on('click', function (e) {
		    e.preventDefault();
		    $('body, html').animate({scrollTop: ($(this).attr('href') == '#top') ? 0 : window.innerHeight}, 250);
	  });
	</script>
</div>

[predefined]

Сообщение от Bilargo

Делаю якорь на сайте, а он при переходе добавляет в URL #тег, что затрудняет юзабилити при попытке перейти "Назад"

А в чём там затруднение юзабилити? Это стандартное поведение браузера, к которому все давно привыкли.

Если вы про то, что Url с хэш-тэгом не попадает в browser history и по кнопке "Назад" не листает по хэш-тэгам - заносите их в хистори принудительно по событию window.onhashchange:
window.history.pushState(hash, '', document.location.pathname + hash);


PS: Прекратите использовать location.hash и переходите на HTML5 History API

[Naive]

Сообщение от predefined

А в чём там затруднение юзабилити? Это стандартное поведение браузера, к которому все давно привыкли.

+

Сообщение от predefined

Если вы про то, что Url с хэш-тэгом не попадает в browser history и по кнопке "Назад" не листает по хэш-тэгам

листать не будет, но в хистори оно попадает (если, конечно, на ссылке не стоит preventDefault)

Сообщение от predefined

PS: Прекратите использовать location.hash и переходите на HTML5 History API

historyAPI действительно очень крутая штука, тут я поддержу.
Но! Тут у нас идет речь про якоря внутри страницы, я бы эту работу полностью взвалил на браузер, (если конечно не нужен кроссбраузерный плавный скролл). а прокрутку при шастанье по истории можно написать через onPopState, да.

[Bilargo]

Проблема в том, что он наоборот попадает в historyAPI.
Буду пробовать через Jquery решить.

[Naive]

Теперь все понятно)

Прекратите использовать location.hash и переходите на HTML5 History API

поступай наоборот))))

[Bilargo]

Применил вот такое решение

jQuery("#a1").click(function() {
		pagcenter();
		jQuery('html, body').animate({
			scrollTop: jQuery("#a2").offset().top - 100
		}, 1000, 'swing');
	});

Подскажите как изменить скрипт таким образом чтобы якоря с1, b1, d1 тоже можно было применить в данной конструкции, не хочется дублировать скрипты.

[Вадим Мошев]

Напишите функцию, в качестве аргумента передавайте ей якорь.

[Bilargo]

Сообщение от Вадим Мошев

Напишите функцию, в качестве аргумента передавайте ей якорь.

Не совсем представляю как это сделать, не могли бы вы пример дать?