Object Scrolls to certain place on web page and stops/ Parallax Scroll

Peter110 wrote on 2/5/2020, 5:39 AM

Hello,

RE: Xara Web Designer Premium v16/ Windows 10

I was wondering if someone could please offer me some help relating to how to achieve an effect for my new website (I am fairly new to all this!).

I have an object and some text fields in the middle of a web page, what I want to do is when the user scrolls down the page the object moves up to a predefined point and then stops and allows other objects to pass under it. I have tried using "scroll to top" but do not want the object to go to the very top but to another predefined point.

I am sure I have seen a tutorial or article about this but cannot find it now I want to do it!

Thank you in advance for any help any one can offer me.

Best wishes

Peter

Comments

johnebaker wrote on 2/5/2020, 11:26 AM

@Peter110

. . . . I am sure I have seen a tutorial or article about this but cannot find it now I want to do it! . . . .

Is this Crazy Cakes tutorial the one you are looking for?

HTH

John EB

Forum Moderator

Peter110 wrote on 2/5/2020, 11:38 AM

Hello John

Thank you for getting back to me, I have looked at the "Crazy Cakes" tutorial, it unfortunately does not show what I am after, it has some animations but they are scrolling in from a "position", for example the "Crazy Cakes" text is scrolling in from the bottom with other text coming in from the right.

As mentioned, what I am looking for is for an object that is already "in view" to scroll to scroll up to a position but not the "Top" (I have other graphics in place and it wants to only scroll up to just below the other graphics then go no further; if the user scrolls down then the object returns to its original start position on the page.

Thank you again for taking the time to respond, I apolagise if I am not explaining what I am looking for very well.

Best regards

Peter

johnebaker wrote on 2/7/2020, 8:57 AM

@Peter110

Do you mean like the image in the clip below?

That is the Web Animation, Reveal/scroll, Parallax option.

HTH

John EB