I’m trying to recreate a Hype animation to work with the smoothScroller.
Background – I have created a set of responsive Hype projects that are stacked inline to create a scrolling web page. Originally, it was one tall Hype project with multiple sections. A smoothScroller script was set up with the topmost object (menu bar) as the scroll target. The trigger was a button in the bottommost object. It worked perfectly.
Due to loading speed, I broke it apart by duplicating it several times and deleting unwanted sections. When stacked inliine on a web page the scroller continued to work perfectly.
I am setting up a second page using the same target object but a different bottom object.
I have a Hype animation that is too complex to easily transfer to a clone of the original bottom object. I copied over the button, and so-on, recreated the scripts and made sure that everything was identical. I checked the head HTML verified the JS call in the button action. All element IDs are correct. But the scroller doesn’t work I’ve checked every object, every script, and I’m stumped.
Clearly my issue is with the basics somewhere. I’m missing something very simple. Any ideas?
Version that works (trigger: the Up Button):aboutusmobile.hype.zip (557.9 KB)
Version that doesn’t work:finishes.hype.zip (1.2 MB)