Anchored Objects on Long Pages

dslinger
Community Member Posts: 24 ♪ Opening Act ♪
Hi,
I have a long scrolling page and was trying to anchor objects for a sort of parallax effect. However, I'm noticing that anything anchored below the bottom window bar disappears when I run or publish the course. When I scroll down, the object is gone from view. Is it intended that anchored objects function this way, related to Seamless Play (which I can't use), or is there another way I can achieve the same results?
Thanks,
Donna
I have a long scrolling page and was trying to anchor objects for a sort of parallax effect. However, I'm noticing that anything anchored below the bottom window bar disappears when I run or publish the course. When I scroll down, the object is gone from view. Is it intended that anchored objects function this way, related to Seamless Play (which I can't use), or is there another way I can achieve the same results?
Thanks,
Donna
Comments
-
-
wheels Community Member, Administrator, Moderator, Rockstar Manager Posts: 685 eLearning ROCKSTAR Admin Team
-
Works much better! The anchored objects at the top of the page do disappear on scroll down, but reappear in their proper position when scrolling stops. But the transition is much smoother now. The Menu button now works and does not pop me back to the top of the page. On scroll up, the anchored menu fixes itself to the bottom of the page though until scrolling stops. Then it moves back into position.
The other issues I'm having with this type of design in iOS are still present. My course dimensions are 1009 x 662, but my page dimensions are much longer- presently 1009 x 32000. Here are the issues:- Mouse in/out actions don't work at all. I have a side bar menu with buttons that on mouse in is set to show the name of a section and then on click is set to move the user to that section. Neither of these actions work. For mobile devices, is there something I need to add to emulate these actions?
- Buttons with actions set to go to a place vertically don't work at all. In addition to the side menu actions to go to specific sections, there are other buttons on the page that reveal a section and then move the page to that section. Works great in PC and Mac browsers, but not on iOS. Buttons will not move the page vertically. Is this something that can be fixed, or do I need to accept that vertical movement with actions is not possible?
- I can't anchor an object below the course window height. For instance, if I want to anchor a photo at position 3600y so that it stays in place while everything else scrolls past it ( for a parallax effect) , it doesn't work. Is this something I'll have to add Javascript to create?
Donna
Categories
- 35.9K All Categories
- 109 ✫ Announcements
- 33.1K Lectora®
- 31.1K Lectora Discussions
- 29K Lectora Desktop
- 2K Lectora Online
- 2K Lectora Feature Requests
- 71 Lectora User Groups
- 36 Lectora Accessibility User Group (LAUG)
- 25 ELB Learning Content
- 25 ELB Learning Content Discussions
- 329 CenarioVR®
- 196 CenarioVR Discussions
- 133 CenarioVR Feature Requests
- 42 Rockstar Learning Platform®
- 39 Rockstar Learning Platform Discussions
- 108 CourseMill®
- 108 CourseMill Discussions
- 47 ReviewLink®
- 47 ReviewLink Discussions
- 7 The Training Arcade®
- 7 The Training Arcade Discussions
- 936 All Things eLearning
- 37 eLearning Development
- 546 Learning Management System (LMS) Integration
- 333 Web Accessibility
- 1.2K ♪ The Green Room
- 9 Additional Learning Products