Animation of attribute nav-next and nav-prev
Eight text elements 1 to 8 are placed side by side.
nav-next and nav-prev are animated for the first editable text
'1' changing all 3s pointing to one of the other text elements.
If the animated nav-* elements points to a not visible target,
the current viewport has to jump to the element position to get it visible.
nav-next and nav-prev of the editable text '2' is animated with the
values auto and self all 2.5s.
1
2
3
4
5
6
7
8
Indicator nav-next (1)
Indicator nav-prev (1)