Explore the community Forums Lectora Online Lectora Online Questions & Answers Anchored Objects on Long Pages

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #430542 Score: 0
    Profile photo of Donna Slinger
    Donna Slinger
    Member
    beginner
    intermediate
    picture perfect
    profile
    curious george
    wise owl
    Group Member
    friend finder
    contributor
    1 pt
    @dslinger

    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

    #430676 Score: 0
    Profile photo of Bruce Parker
    Bruce Parker
    Member
    LUC16 Attendee
    verified member
    beginner
    intermediate
    wise owl
    contributor
    picture perfect
    profile
    @bparker2032

    Donna,

    We have identified an issue with anchor position not working when the title is published without SPP and is ran on an iOS device. This issue has been fixed and will be in the 4.4.3 release which should be out shortly.

    #430839 Score: 0
    Profile photo of Joe Wieloch
    Joe Wieloch
    Moderator
    beginner
    intermediate
    friend finder
    contributor
    LUC16 Attendee
    verified member
    wise owl
    LUC17 Attendee
    advanced
    picture perfect
    53 pts
    @wheels

    @dslinger Please try this now! We implemented a fix. There is an issue with iOS and frames so the anchored position objects do snap back after scrolling. Please check it out and let us know what you think.

    #430844 Score: 0
    Profile photo of Donna Slinger
    Donna Slinger
    Member
    beginner
    intermediate
    picture perfect
    profile
    curious george
    wise owl
    Group Member
    friend finder
    contributor
    1 pt
    @dslinger

    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:

    1. 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?
    2. 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?
    3. 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?

    Thanks,

    Donna

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.