@Galdar
Web, JS, PHP, NGINX, Linux

Как сделать на странице плавный скролл к картинке и обратный скролл к изначальному элементу?

Возникла проблема с обратным переходом "кнопкой возврата", сейчас без проблем скрипт пролистывает к нужному элементу, но вот сделать кнопку "вернуться обратно" не получается, либо не работает, либо сохраняет старые переменные и при переходе назад переходит по очереди по всем элементам которые были нажаты до...
Как реализовать четки переход к нужному скрину, после появляется кнопка обратно и четко переходит обратно к элементу который был нажат.
<div class="butt_image"><span  id="return-up" class="span_cursore off-active_return"><i class="fas fa-arrow-up fa-4x"></i></span></div>
            <div class="butt_image"><span  id="return-down" class="span_cursore off-active_return"><i class="fas fa-arrow-down fa-4x"></i></span></div>


$('#figure_20_2').on('click',function(){returnImages('#figureimg_20','#figure_20_2','down')});
		$('#figure_26_1').on('click', function(){returnImages('#figureimg_26','#figure_26_1','down')});
		$('#figure_26_2').on('click',function(){returnImages('#figureimg_26','#figure_26_2','down')});
		$('#figure_26_3').on('click',function(){returnImages('#figureimg_26','#figure_26_3','down')});
		$('#figure_26_4').on('click',function(){returnImages('#figureimg_26','#figure_26_4','down')});
		$('#figure_26_5').on('click',function(){returnImages('#figureimg_26','#figure_26_5','down')});
		$('#figure_26_6').on('click',function(){returnImages('#figureimg_26','#figure_26_6','down')});
		$('#figure_26_7').on('click',function(){returnImages('#figureimg_26','#figure_26_7','down')});

		function returnImages(startedElement,final,position) {

			$([document.documentElement, document.body]).animate({
				scrollTop: $(startedElement).offset().top-200
			}, 1500);
			switch (position) {
				case 'up':
					$("#return-up").addClass("on-active_return").removeClass("off-active_return");
					break;
				case 'down':
					$("#return-down").addClass("on-active_return").removeClass("off-active_return");
					break;

			}
		}
  • Вопрос задан
  • 59 просмотров
Решения вопроса 1
YumeReaver
@YumeReaver
Бургомистр
Правильно я понял?
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
28 нояб. 2024, в 05:21
2000 руб./за проект
28 нояб. 2024, в 05:18
500 руб./за проект
28 нояб. 2024, в 03:51
3500 руб./за проект