1

В первой функции после изменения модального окна (изменение картинок) скрол (основной страницы) устанавливается в то положение в котором был. Во второй функции, просто закрывается модальное окно, НО скрол основной страницы устанавливается в начала.

В чем именно проблема?

//функция замены картинки, image - во модальном окне
function chimg(image){
	var artm = $(document).scrollTop(); //сохраняем значение скрола
	window.location.href = "#"; //закрываем старый блок
	window.location.href = "#"+image; //открываем новый блок
	$(document).scrollTop(artm);//устанавливаем скрол туда же где был
}

//функция закрытия модального окна
function clos(){
	var artmm = $(document).scrollTop(); //сохраняем значение скрола
	window.location.href = "#"; //закрываем блок
	$(document).scrollTop(artmm); //устанавливаем скрол туда же где был
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='dal1' title='Далее' onclick=chimg('$dal2');>&raquo;</div>
<a href='#' class='iw_button' onclick=clos();>Х</a>

2
  • Я предполагаю что $(document).scrollTop() не совсем то что вам нужно, вместо него используйте .offset() для элемента по которому был произведён клик
    – Ercog
    Commented 17 нояб. 2019 в 13:13
  • А что нужно? Если можно по проще.
    – Олеся
    Commented 17 нояб. 2019 в 13:15

1 ответ 1

1

Вторая функция не выполняла скрол из-за того, что находилась в ссылке. После того как я вместо ссылки поставила div, она заработала.

С .offset() не справилась :) Слишком редко пользуюсь JS.

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.