Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.03.2018, 15:53
Аспирант
Отправить личное сообщение для LLIypuk Посмотреть профиль Найти все сообщения от LLIypuk
 
Регистрация: 23.07.2015
Сообщений: 48

Позиция элемента страницы при скроллинге.
Всем привет. В одностраничниках при выборе пункта меню страница показывает выбранный элемент начиная с самого верха.

Собственно задача заключается в том чтобы при выборе пункта меню - выбранный элемент показывался не на самом верху, а например прокручивался к примеру еще на 100 пикселей вниз.

Каким образом подобное можно реализовать???
Ответить с цитированием
  #2 (permalink)  
Старый 14.03.2018, 15:56
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,791

Якорь опустить ниже необходимого места на 100px.
Ответить с цитированием
  #3 (permalink)  
Старый 15.03.2018, 09:56
Аспирант
Отправить личное сообщение для LLIypuk Посмотреть профиль Найти все сообщения от LLIypuk
 
Регистрация: 23.07.2015
Сообщений: 48

Попробовал несколько способов, но все они некорректно работают.
Тут есть еще нюанс в том, что у меня на сайте плавная прокрутка с помощью кода:

$('.page-link, .mobile-page-link')
	.not('[href="#"]')
	.not('[href="#0"]')
	.click(function(event) {
		if (
			location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') 
			&& 
			location.hostname == this.hostname
		) {
		var target = $(this.hash);
		target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
		if (target.length) {
			event.preventDefault();
			$('html, body').animate({
				scrollTop: target.offset().top
			}, 1000, function() {
			var $target = $(target);
			$target.focus();
			if ($target.is(":focus")) {
				return false;
			} else {
				$target.attr('tabindex','-1');
				$target.focus();
			};
		});
	}
	}
});


Какие строчки в него добавить чтобы опустить или поднять якорь на 100 пикселей?
Таким образом будет не только плавная прокрутка, но и остановка прокрутки с нужным отступом.
Заранее благодарю за ответы!
Ответить с цитированием
  #4 (permalink)  
Старый 15.03.2018, 09:58
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,791

Сообщение от LLIypuk
Какие строчки в него добавить чтобы опустить или поднять якорь на 100 пикселей?
в строку 15 в самый конец добавить "+100" или "-100".
Ответить с цитированием
  #5 (permalink)  
Старый 15.03.2018, 10:37
Аспирант
Отправить личное сообщение для LLIypuk Посмотреть профиль Найти все сообщения от LLIypuk
 
Регистрация: 23.07.2015
Сообщений: 48

Все работает. Благодарю!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Появление элемента при скроллинге Recurrent sequence Элементы интерфейса 1 03.08.2017 00:28
не работает слайдер при первой загрузки страницы Nailya jQuery 7 08.09.2016 16:33
При прокрутке страницы div залазит на футер. Как поправить? DonaldDrug jQuery 8 27.03.2012 02:15
Перезагрузка страницы при выборе элемента из select Tuzzulino AJAX и COMET 2 13.07.2011 12:00
Позиция элемента при Draggable bayrach jQuery 1 11.04.2011 11:19