Как сохранять значение переменной?

Question

[EvgenyApMr]

Здравствуйте!

Код в codepen.

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

Проблема в том, что при перемещении между секциями, значения переменной scr меняются неправильно: в первый вызов функции используется значение из предыдущего блока, только потом перезапись.

Нужно, чтобы блок запоминал своё положение и при переходе на него с другого блока адекватно реагировал на перемещение.

Думаю, что дело в контексте, но реализовать не могу.

Буду благодарен за помощь.

Comments

[furashcka]

Ну как вариант запоминать в атрибуте data-* в html элементе род. блока, т.е. произошло изменение, записали его сразу в data-scr атрибует, а перед тем как применить изменение считываем его от туда, таким образом у каждого блока с прокруткой свой offset будет запоминаться

[EvgenyApMr]

furashcka, scr это динамическая история, туда записывается смещение. Сейчас, если туда записалось смещение 300, то следующий блок стартует в первый вызов с 300, а только потом начинает работать нормально.

Думаю, что тут надо как-то использовать контекст, this, но как - не придумал

[furashcka]

EvgenyApMr, На самом деле то что это динамическая история я прекрасно понимаю, и это нормально постоянно обновлять атрибут, вот изучил ваш код, добавил пару строк, используя this

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

[EvgenyApMr]

furashcka, попробовал изобразить это же у себя, результат scr = NaN.

Более позднее объявление scr убрал. Может скинете код целиком, вдруг что-то упускаю.

[furashcka]

EvgenyApMr, Хм, странно, ну ок, вот сохранил себе, поправил, немного рефакторинга https://codepen.io/furashcka/pen/dygyKZV, я его удалю попозже, когда больше не понадобится вам

[EvgenyApMr]

furashcka, да, нужно было переписать условие. Спасибо за помощь, вроде работает.

Спасибо за помощь!

[EvgenyApMr]

furashcka, не могу отметить это решением, т.к. диалог состоялся в ветке комментариев к вопросу. Напишите что-нибудь в "Ответы", отмечу

Answer 1

[furashcka]

Реализовал сохранение scr в this https://codepen.io/furashcka/pen/dygyKZV