Как снова заполнить панель навыков с помощью js
У меня есть панель навыков, которая заполняется до заданного значения. Я использую библиотеку javascript с анимацией при прокрутке и реализовал ее на панели навыков.
Теперь происходит то, что при первой прокрутке отображается панель навыков и заполняется до заданного значения, а при дальнейшей прокрутке этого не происходит. Я хочу, чтобы при прокрутке панель навыков начинала заполняться от 0% до значение, и это должно повторяться снова и снова всякий раз, когда пользователь прокручивает.
Любая помощь будет принята с благодарностью.
моя ссылка на код: -https://github.com/arunoday153/doubt-for-AOS-animation
На моей ссылке на github вы увидите, что при первой прокрутке вниз панели навыков начинают заполняться. Когда вы прокручиваете вверх, панель навыков скрывается, и снова, если вы прокручиваете вниз, панель навыков будет отображаться, но с заполненной панелью навыков.
Я хочу, чтобы при прокрутке вниз панель навыков отображалась и всегда начинала заполняться до отметки.
Я этого не вижу. Каждый раз, когда я прокручиваю вниз, панели навыков меняются местами. Вы можете найти это полезным: w3schools.com/howto/howto_js_scroll_indicator.asp.
@braed обновляет страницу, когда на экране отображается панель навыков. Вы увидите, что панель навыков начнет заполняться от 0% до процентного значения данных.
Я не могу это исправить, но внес некоторые изменения. Кажется, что isScrolledIntoView всегда возвращает true. Я также удалил функцию jQuery animate и заменил ее переходом css. www95.zippyshare.com/v/ujS0duEy/file.html
Я не совсем понимаю, что вы имеете в виду. В настоящее время я вижу большую желтую область с полосами навыков под ней. Когда я прокручиваю вниз, скилбары переворачиваются.