Make a parallax scrolling object disappear?

I've been messing around with parallax scrolling and I'm at a point where I want to make the scrolling object disappear. So far the only way to make it vanish is to let it scroll off the edge of the page by default or to adjust the Opacity Scroll Effect to make it "fade". However, I'd like to have the object give the illusion that it's going inside/behind a stationary object on the page. The only thing I can think of is defining a viewport or something of the sort, but I don't know if that's possible in Muse. Anybody have any suggestions to create this illusion?

Hi
Using fading effect is the correct approach to the purpose you are after disappearing an object with scroll.
Regarding the illusion that you want to create will be somewhat manual , where you have to use 2 identical scroll items . One starts scrolling normal as you have mentioned above and then disappears , other one starts scrolling on behind the page object on same time when previous identical object has disappeared. A bit tricky but you will have to specify the key position of both identical items such as way that one fades in and another fades out. This way it would be exact same effect.
You can give it a try.
Thanks,
Sanjit

Similar Messages

  • Parallax Scrolling from top view (bird view)/ resizing and blank spots

    Hello : )
    I was thinking this was going to be easy but some problems occurred
    Currently Im trying to make a parallax scrolling road while seeing it from above, but there are some issues going on.
    the 1st one is that somehow after the second image is gone out of the stage , there are a few blan pixels that are not filled .... and it seems that the speed of the moving is == to the pixels that aren't filled up.
    And i think , just asume  that if i test this on like different screen sizes - lets say this is for a phone - ill get some issues with the scaleX and Y and it will get quite ugly and cubic.
    I did surch for an example or a tutorial but there are only in a X direction like if you see the car from a side view like this
    http://hub.tutsplus.com/tutorials/add-depth-to-your-game-with-parallax-scrolling--active-2 134
    the SWF file  si here
    http://www.stouchgames.com/APKs/Road.swf
    so the current code i have is
    package  {
              import flash.display.MovieClip;
              import flash.events.Event;
              public class MainClass_road extends MovieClip {
                        protected var _road:road = new road();
                        protected var _road2:road2 = new road2();
                        public function MainClass_road() {
                                  _road.x = stage.stageWidth/2
                                  _road.y = stage.stageHeight - _road.height
                                  addChild(_road)
                                  _road2.x = stage.stageWidth/2
                                  _road2.y = y - _road2.height
                                  _road2.alpha = 1
                                  addChild(_road2)
                                  addEventListener(Event.ENTER_FRAME, everyFrame)
                        protected function everyFrame(ev:Event):void{
                                  _road.y +=8
                                  if(_road.y > 400){
                                            trace("zzzz")
                                            _road.y = y - _road2.height
                                  moveBackground2()
                        protected function moveBackground2(){
                                  _road2.y +=8
                                  if(_road2.y > 400){
                                            _road2.y = y - _road2.height
    and the FLA is here
    http://www.stouchgames.com/APKs/Road.fla

    is there a way to do this only with only as3 code and not by this way :
    if the road high graphics are 400 pixels and the stage has 400 height
    1.creating the original _road and setting it`s Y to 0
    2.go in the same movieClip (of the _road) copy and paste the same graphics but at Y = -400
    and then adding the code
                   var speed = 4
                   var _road:road = new road();
                   _road.x = stage.stageWidth/2
                                  _road.y = y
                                  addChild(_road)
                   addEventListener(Event.ENTER_FRAME, everyFrame)
    function everyFrame(ev:Event):void{
                   _road.y += speed
                   if(_road.y > 400 ){
                       trace("zzzz")
                       _road.y = y 
    cause it seems (for me )that if i do it with code only - there is a blank spot which amount is the speed in the EveryFrame function
    and if no ... can i make it smoother without changing the framerate above 30

  • How to Make Parallax Scrolling Linger Longer in Position?

    Hi,
    I have downloaded the sample paralax file from this tutorial (http://tv.adobe.com/watch/muse-feature-tour/adobe-muse-parallax-scrolling-may-2013/), and I'd like to ask how to make the formed words, once in position, to linger for a certain time of scroll in their position, and only then move away.
    Thanks for your help, and please ask if further clerification is needed.

    Currently Muse doesn't support what you are requesting.
    At the moment Muse allows you to set one key position and define actions before that key position and after that key position.
    What you're requesting is :
    01. before key position - do action (move)
    02. for duration of scroll - do action (don't move)
    03. after key position - do action (move)
    If you would like to see this enhancement. Please request it in the Ideas section.

  • Parallax scrolling element on the iPad

    My site doen's publish in the ipad if i have a parallax scrolling element, it disappears compleetley.
    You see it for a second and than you get a banco page.
    I didn't make a itablet version, becouse i want elements that stuck to the position, and figured out that that is nt posible on the tablet version. That works fine on my iPad.
    So why doen't he show my parallax scrolling element?

    http://uitdekeldervanfloris.businesscatalyst.com
    But I removed the scolding option now.
    Verstuurd vanaf Fleur Westendorp 's iPad
    Op 18 nov. 2013 om 21:00 heeft "Vikas.Sharma" <[email protected]> het volgende geschreven:
    Re: Parallax scrolling element on the iPad
    created by Vikas.Sharma in Help with using Adobe Muse CC - View the full discussion
    Could you please share your site URL to check.
    Thanks,
    Vikas
    Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5852317#5852317
    Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/5852317#5852317
    To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5852317#5852317. In the Actions box on the right, click the Stop Email Notifications link.
    Start a new discussion in Help with using Adobe Muse CC at Adobe Community
    For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

  • My webpage with parallax scroll effects flickers in internet explorer 11. How can I fix this?

    My webpage with parallax scroll effects flickers in internet explorer 11, when using the mouse wheel or the arrows in the scroll bar - Parcerias | Agrupamentos de Escolas | EEA | DGE
    It works fine in firefox, chrome and safari.
    How can I fix this?
    Thank you

    Hi FilipaG,
    Unfortunately there isn't much you can do. This is a performance issue with IE 11, so the only current way to make the site less jittery is to have fewer effects or group objects with the same effect then apply the motion to the group. Sorry for the inconvenience. You can also post in our feature requests section how you'd like to see easing added to Muse, because that would move all of the objects together much more smoothly than they do currently. Chrome and Firefox in particular have great built in easing so these sites usually look better on them.
    Thanks,
    Dana

  • Photo gallery using parallax scrolling?

    hey  i have been testing out each of the slide show widgets in adobe muse.  some of them are okay. the light box for once. is a challenge,  but heres something i want to learn how to do. and its parallax scrolling with photos for a gallery. i think for what i am wanting to do i think its the best layout for me.  heres a web site that hass it i think. http://album.alexflueras.ro/galleries/people.html#a1.
    see i shows both landscape and portrait mode of photos. and thats been a challenge from the get go. so there i am thinking of using parallax scrolling . now how do i do this? is it done in photo shop and adobe muse. bec i do want to change out my i mages when needed?
    now i am a tad bit curious. it looks good on desktop, but what about mobile devies. most phone. would it work great.?
    so what are the steps for making this?
    the other key thing i noticed. is that the photos are large. and thats what i like.
    thanks

    Hi
    You can use composition on page where you can insert the images with scroll effect applied.
    Check this video , its not exact design but will help to make images scroll page :
    http://www.youtube.com/watch?v=BDgERSf2a5k
    Thanks,
    Sanjit

  • Discover New Parallax Scrolling with Adobe Muse CC | Creative Cloud for Design | Adobe TV

    Terry White, Adobe worldwide evangelist, shows how Adobe Muse CC lets you create stunning effects with just a few clicks. Make images and elements move in different directions at different speeds when scrolling — all without writing code.
    http://adobe.ly/12yzGv0

    There has to be a way to create a Re: Discover New Parallax Scrolling with Adobe Muse CC | Creative Cloud for Design | Adobe TV slideshow that fills browser width. It's not a problem for desktop, but it is a problem for laptops/tablets/phones.
    How did the site in the tutorial do it? Terry said it was created in Muse.
    Here is a test site that I've been working on - I would love to make it responsive w/o having to create separate tablet/phone sites:
    http://mandm.businesscatalyst.com
    Any suggestions?

  • Parallax Scrolling and Browser Magnification

    This is probably an unresolvable issue at this point, but it seems one of the BIG drawbacks to using Parallax Scrolling is that it only works as planned if the user of the site is viewing it at 100% Magnification.  Any change up or down in magnification results in a different set of parameters for final motion, and if you're using it hoping that the final location of the moving object aligns with another fixed object in the overall design in some fashion, you're in for a big disappointment, and an embarrassing result if you're a designer.  I'm hoping that there is some way in the future that the writers of this code will please include whatever math is necessary to compensate for changing browser magnification.

    I realised the problem that i was having...thanks so much. I will explain for the help of others. Avoid putting the anchor in a "Composition" element. This i did inadvertantly since i had many layers. If you put it in one of them the smoothe scrolling will not work. This possibly holds true for grouped objects. I will also post the site to show that i have finally gotten it working. Thanks Zak and all the parties that showed kindness in answering me.
    Best regards
    http://www.raiora.com/index.html

  • First Time using Parallax Scrolling!

    So I've been doing a new landing page for DJBigdad.com  -  I have included both project file and published files with in this zip to better explain myself.
    Just finished my album animation with parallax scrolling but the overall published result shows nothing!
    Here is the file! http://www.djbigdad.com/ParallaxProjects/LandingPageDJBigdad/DJBigdadLandingPage.zip
    I love this edge animate stuff its great but sometimes it doesnt work... Probably a operator error lol 
    I would greatly appreciate any advice on how to fix this!
    Thanks a ton
    DJBigdad

    to activate iphone, you should connect your iphone to your computer which should have itunes via your usb cable provided with your iphone problem. and you don't need to register an account to activate the iphone. but you need to register to download apps for iphone.
    it have to be unlocked to work with other country's normal sim card. you should have a malaysian mini sim card to make a normal at&t iphone work in malaysia and other countries.
    if you want to know about unloked phones, go to this webpage-> http://www.tgdaily.com/mobility-opinion/33600-unlocking-the-iphone-what-does-it- mean definition for unlocking--->
    Unlocked is the term used to describe mobile phones that are not tied to a particular service provider in order to be used. Many cell phones are tied to a single cellular provider at their introduction, but are later unlocked for use on many networks.

  • Using parallax scrolling on a browser fill shape?

    Hi everyone,
    Is it possible to apply parallax scrolling onto a shape that is extended to horizontally fill up the browser? I'm creating a single page scroll website and a want a shape to cover up a certain fraction of the bottom of the browser (I can't use pin because then the shape will move with the bottom of the browser depending on the size of the window.) Parallax works fine on the shape until I extend it to the browser borders and then parallax grays out. Will this be supported in a future update? Is there another way for me to achieve this effect? Thanks!
    Jackie

    From Muse Release Notes - http://helpx.adobe.com/muse/release-note/adobe-muse-release-notes.html.
    Note Scroll Motion Effects are not available for 100% browser width objects, pinned objects, items that are inline within text, items within a group or items within a widget.
    You would also find a similar note in the information tooltip for Scroll Motion under the Effects panel in the Control strip. Please feel free to submit it as a feature request in our Ideas section.
    Thanks,
    Vinayak

  • My Page is flashing with parallax scrolling....

    I am having an issue that my page "flashes" when using parallax scrolling.
    you can find the page here:
    hursey.com/rlf
    it occurs at the bottome section of the page as you scroll down.
    Any thoughts as to the cuase or remedy for this would be much appreciated!
    As a side note I am also trying to resolve another dilemma where in the same section, I am trying to hide the type that comes in from the right for a portion of the page. You will see it come in over the browser area, then under other elements (which I want).  I tried to place a rectangle over that area and tie it to the edge of the browser to have it go "full width" but that is not working.
    Again any thoughts are appreciated!

    Thanks. It would be helpful if you could send us your .muse file so we have a file that reproduces this Safari-specific flash. Could you send the file to [email protected] along with a link to this thread? If the file is larger than 20Mb you can use a service like Adobe SendNow, SendThisFile or WeTransfer. Thanks.
    If you want to obscure the text before it reaches the page, I think you'll need to draw an opaque object on top and set the scroll motion settings for that object so it stays in the position where it needs to be to obscure the text as the text is sliding across.

  • Best tool for jarallax parallax scrolling

    I want to create jarallax / parallax scrolling effect. I doesn't know hard core coding so would like to know which is the best tool to work with Adobe dreamweaver, Adobe Muse or Adobe Edge?

    Unfortunately true parallax scrolling with easing in not easily done like what a Adobe is trying to promote with their motion scroll effects in Muse. It needs to be done with jQuery and CSS3. Take a look at this site www.boy-coy.com. That site uses TRUE parallax effect. It's not achievable in Muse but you can use Dreamweaver to make your own code.

  • 100% Height with Parallax Scrolling?

    I have an anchor point style parallax scrolling, I was wondering if I could have 100% height of my slideshow or image background when i maximize my screen, as you can see their is a white space below it that I do not like
    http://i.imgur.com/AryW4v1.jpg

    Hi,
    As of now, Muse does not offer the option of 100% height objects. You can use the fullscreen slideshow widget if you want the image slideshow across your complete page.
    Also, Please post this as a feature request at Ideas for features in Adobe Muse
    Hope this helps
    Regards,
    Rohit Nair

  • Parallax scrolling does't seem to work consistently?

    Hi All,
    I've been pulling my hair out for a few days now trying to get parallax scrolling to work consistently (FAIL)
    Have a look at this and see if it me or just Muse doing something wrong:
    www.bbr.co.nz/testing2
    and these screen shots of the muse file?
    what gives?

    Perfect... simple making sure the 'page' before the parallax scrolling element has no text boxes that are smaller than the copy filling them seem to fix the problem
    Before image with the dotted line (box to small):
    After image with box pulled down to make sure dotted line disapears:
    Strange glitch but all good now
    Cheers for you help Razvan

  • Parallax scrolling too fast outside of Muse preview

    I'm trying to get the hang of parallax scrolling, but how it previews with Muse differs greatly from any actual browser.
    I export the HTML file, it pops open in Chrome and looks great. But if I try to open the HTML file from the folder into Chrome, or preview the site after it's uploaded to the web, suddenly the scrolling is way too fast. Everything disappears with one flick of the mouse scroll wheel. It also happens in Firefox and IE.
    I've tried importing scripts, but again, it effects the Muse preview, but not the actual site in the end.
    Is this a common problem? How should I approach to work around this?
    Thanks!
    I'm using the latest version of Muse. Chrome is up to date. I am on a Windows 7 computer.

    Hi,
    This is an odd issue. Please provide your site URL to test it. You can publish a trial site on Business Catalyst.
    Regards,
    Aish

Maybe you are looking for