Need Parallax Scrolling help

hi edge community!
i need help setting up a document in Edge with Parallax Scrolling.
below is a link to a very simple edge file.
http://www.yousendit.com/download/UW14SmJ3Q3RveE0xZXNUQw
i need help with the code that goes in the:
stage > event > compositionReady (i think it goes here)
and on the 2 symbols
please let me know if you have any questions
thank you so very much!
-sharon

Yes this is possible. Just watch how to make responsive layouts in adobe edge.
For example:
http://tv.adobe.com/watch/adobe-evangelists-paul-trani/adobe-edge-animate-creating-a-flexi ble-layout-3-of-4/
It's really easy.
Still i didnt figure out to make graphics in a symbol responsive. Just stuff which was placed directly onto the timeline worked for me. Maybe anyone have an idea for that?
Klaus

Similar Messages

  • Parallax Scrolling help in Muse? This tricky problem needs a smart solution.

    I'm trying to build my portfolio website in Muse and want my text to move along with my images as you scroll, like it does here: http://jessicahische.is/feelingmelancholy
    I have been trying to use parallax scrolling to achieve the effect, but I'm having a lot of trouble.
    Basically, I want my text to start moving with the scroll, but not to start moving until the first image hits the top of the browser. Just look at the link above to see exactly how I want it to look. Does anyone know how to acheive this effect?
    Thanks!

    Just in case anyone is still curous - I figured it out!
    First of all, if you're having trouble viewing the scroll effects panel, go to Window > Scroll Effects, and the new panel will pop up. Click on the text or whatever element want to scroll alongside your first image image, and set it's "key position" - the little handle at the top - to the top of the first image, or in my case, just above the top of the first image. Then set all of your of you motion positions to 0 px except the top one - which should be 1 px. See attached screenshot. Respond if you have any questions.
    Hope this helps someone!
    Alli

  • My Rocketfish wireless mouse scrolls fine on other browsers but I can't on Firefox. Any help is appreciated as I really want to use Firefox but need the scroll function. Thanks.

    Question
    My Rocketfish 2.4ghz wireless mouse scrolls fine on other browsers but I can't on Firefox. Any help is appreciated as I really want to use Firefox but need the scroll function. Thanks

    Had this problem for quite a while but found a work-a-round. I click anywhere in the text I want to delete and insert any character. I am then able to block and delete any text I want to. It's been working great.

  • 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

  • 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.

  • Can I import CSS & Javascript to Parallax Scrolling?

    Hi
    I have an example of Parallax Scrolling which gives the image the illustion of colour change on each slide. A simple example is shown here:
    http://dev.creemama.com/krystalrae-scroll-effect
    I have tried to achieve this using basic Parallax Scrolling in Muse, but is does not work as effectively as the sample. Another example is shown here:
    http://krystalrae.com/2013/fall
    I asked the developer how he achieved this and he said they used simple CSS and Javascript. I have tried putting the CSS Code and the Javascript code into muse - but it doesn't work. Is it possible to put code (other than Google maps) into muse to get the above effect?
    I would be most grateful if anyone can help with this - I am sure it must be possible in Muse.
    Many thanks
    Deborah K

    user7488239 wrote:
    Hi ,
    I have one APEX application , now I have need import one  javascript file  to this application as static file in shared components .can I use sqlplus to upload this file to the application.
    Thank you . George
    Yes you can given that your source and target workspace have same name & id, basically you can export/import any files (images, css and static files)
    You can export individual static files and they can be imported only through SQL*PLUS
    See http://docs.oracle.com/cd/E37097_01/doc/doc.42/e35125/deploy_export.htm#HTMDB25824

  • Parallax scrolling

    I am trying to start the text off the page and scroll onto the page; however, I cannot figure it out. I followed the SourceSansPro file and copied the exact layout, but on my website the text does not scroll onto the screen.  Any help?

    Sorry, it's the only one I know of that does parallax. I've been trying to keep my answers to be more than just advertisements, but GAGE just seems to solve many of the common problems. (Which it should, that's what it was written for. :-)) As a result, sending people there seems to be a good answer. Need a timer? Got it. Need parallax? Got it. Need sound handling in one thread? Got it. Now, if you've got any good links for parallax in Java, go for it. :-)

  • 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.

  • Managing Parallax Scrolling?

    Managing Parallax Scrolling?
    I’ve had a chance to create some cool scrolling effects with the Parallax scrolling options in Muse, but my work space (artboard?) turns into a giant mess. I’m assuming I’m doing something wrong, or not properly setting things up.
    For example, once I start some modest scrolling effects near the top of the page everything then needs to have some kind of scrolling property set to it so everything starts lining up correctly on the live page. Am I missing something here or do you really have to apply scrolling effects to pretty much everything to compensate for other scrolling effects? I end up with things in odd places on my Muse artboard to make everything like fine live.
    How do you guys keep your parallax scrolling clean, or don’t you?
    Thanks!
    Tait
    [email protected]
    http://www.910zen.com

    Hi Tait
    This actually depends on the scroll position , speed and movement that you define with scroll effect settings.
    In your case, it seems you are planning to scroll different page elements starting with split positions and then all in straight line and vice versa on page upward.
    Things to take note here is the scroll position, as the speed will work according to the distance of scroll that you define on page with scroll position.
    Basically there is no outline as how this can be designed , but the points i have mentioned can help you while you are creating the scroll effect on different page elements.
    Few videos for help :
    http://tv.adobe.com/watch/creative-cloud-for-design/discover-new-parallax-scrolling-with-a dobe-muse-cc/
    http://www.youtube.com/watch?v=lWlscYhX0jw
    http://www.youtube.com/watch?v=KJMi5l9Ru-g
    Thanks,
    Sanjit

  • Adding navigation to parallax scrolling website?

    Hello!
    I'm building a parallax scrolling website, with different sections.  The scrolling in question is quite long, so I have some navigation set up on the side to jump to the needed place on the timeline. 
    How would I go about this?  I tried using the stop at, but it acts wonky with the scrolling...it jumps to the label, but it doesn't seem to take the scroll navigation control into account.  I also tried using the following code:
    sym.$("stage").scrollTop(0,2157);
    ...but it jumps to the top of the site, every time, no matter what x/y coordinates I input.  I am using the following code to control the parallax scrolling on the stage: 
    // scrolling controls animation
    var animationHeight = 24000
    var stageHeight = sym.$("Stage").height()
    var scrollPos = sym.$("Stage").scrollTop();
    var duration = sym.getDuration();
    var percent = scrollPos / (animationHeight - stageHeight);
    var time = duration * percent;
    // Update timeline
    sym.stop(time);
    Help? 
    Thanks,
    Chad

    So, I figured this one out. 
    If you want to add navigation that jumps to a particular point in the scroll, the above code is correct, however, my number was switched. 
    I have a hidden object named "floating stage" that I use to tell me where the browser window is at any given time.  I mark the Global X/Y position for the point I want to jump to.  My marker's global position was X: 0, Y: 2157.  I was putting in the correct numbers, but they need to be switched for the code.  Not sure why, someone smarter than me who has a better grasp on coding could probably give us all an answer. 
    SO.  Select your text/navigation button/whatever, click on the add action button to the left of it, and add a click action. 
    Then, type this in:
    sym.$("stage").scrollTop(2157,0);
    When you click on that particular link, it will jump/scroll to the point indicated in the action. 
    Thanks!
    Chad

  • A parallax scrolling method that works with PhoneGap

    Hi,
    I made a parallax scrolling page into a PhoneGap app, yet...maybe because scrolling is disabled in PhoneGap, it doesn't animated with "scrolled".
    What workaround is there? Is there maybe something to un-sandbox about PhoneGap javascript?
    Thanks in advance! So much fun making scrolling animations! (seems iOS 8 supports scrolling events in the new style webview too)
    Here is some code:
    var d = document.createElement("div");
    sym.$(d).css({
      position:   "absolute",
      top:        "0px",
      height:     "200%",
      visibility: "hidden"
    }).html(" ");
    document.body.appendChild(d);
    // prevent Edge Animate stage from scrolling
    sym.getSymbolElement().css({ position:"fixed" });
    // animation frame loop: check scroll position
    // each frame and move animation accordingly
    var lastScrollTop = 0;
    var animate = function() {
      var scrollTop = $(window).scrollTop();
      if (scrollTop != lastScrollTop) {
      lastScrollTop = scrollTop;
      var maxScroll = $(document).height()-$(window).height();
      var scrollPos = scrollTop / maxScroll;
      // scrollPos is 0..1
      sym.stop( scrollPos * sym.getDuration() );
      requestAnimationFrame(animate);
    requestAnimationFrame(animate);
    So how to modify that to make scrolling animations in PhoneGap Build ?

    Unfortunately Lenovo were no help and willing to say anything to get me off the phone - This will be my last Lenovo machine, entirely due to the support which has gone the same way of IBM - pathetic and useless. Sad I'm a huge fan of the machines.
    Fortunately I was able to fix this after attempting many solutions, the solution was found HERE, which was overlooked in the beginning due to the title.
    Windows 8 needs to be booted from BIOS environment not EFI for the wireless to function. To do this I had to reinstall Windows 8 in legacy mode.
    QUICK STEPS for anyone else with the same issue.
    1) Of course, backup everything you need to another drive.
    2) On the Windows 8 installer USB, rename bootmgr.efi to bootmgrold.efi and the folder EFI to OLDEFI.
    3) Before installing change your BIOS setting from AHCI to IDE
    4) Boot the Windows 8 Installer USB and install.
    5) During the procedure, delete all partitions and create a new one (and leaving the RESTORE parititon windows creates).
    6) Windows will automatically install drivers and wireless can be used during the setup procedure.
    N.B. Only drivers required were for APCI and CardReader. For this you need the Power/Energy Management (I recommend Win 7 version) and Realtek USB2.0 Card Reader drivers (again, Win7 recommended)
    HTH and saves lots of time wasted with drivers.

  • Responsive Design with Parallax Scrolling

    Hello!
    I have read tons of articles and done many tutorials on the parallax scrolling effects available in Muse. However, I need tips on how to make your designs as repsonsive/fool proof as possible for different screen sizes. When I view some of my sites on a very large screen, I don't like all the blank space that appears when you have the secondary section set up with parallax scrolling effects.
    It really helped me to see the ParallaxFX file that Adobe put out. While I can now execute most of the effects, I still feel that my web designs are not safe for the wide variety of screen sizes out there.
    http://journey.lifeofpimovie.com/#!/waves
    Here is a site that appears to work on all browsers. No matter what size your screen is, and no matter how much you zoom in and out, the integrity of the design is still preserved.
    Thoughts?
    -Carolyn

    Hi
    You can use pinning, 100% wide rectangles and text frames, inline images, fullscreen slideshows, etc to achieve partial responsiveness.
    Basically use the key features in a way so that it shows the similar effect.
    Thanks,
    Sanjit

  • 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.

  • Why is the webpage jumping all over the place with parallax scrolling?

    Hi all, I'm getting a little frustrated here... I've built a looooong (10,200 pixel) parallax scrolling site, when I click 'Preview' it plays like a dream, but when I render the HTML, view in browser or publish to business catalyst to view, it just jumps all over the place. I realise that the page is extremely long, I'm thinking it could be that but just need to clarify it before I rework it all and maybe find out after, that it was something else that was causing it to happen.
    Your views would be greatly appreciated!

    Hi Aish,
    I have found the problem, but not sure where to find the solution as I'm pretty new to Adobe products.
    I built another site to see if I had the same problem, this time I made it shorter to see if the length was the problem. I put in some elements and 'assets', added parallax scroll key frames, left out pretty much most other things to see if I could pin the problem down. I found that I had the exact same problem.
    In the Muse preview it scrolls with the mouse like a dream when I grab the scroll bar and drag it down. But when I preview in business catalyst, export HTML or preview in browser, it goes crazy and won't let me get to the bottom. Further to that, when you scroll back to the top, everything is out of place and gets worse every time you scroll down and back to the top.
    I have a touch screen computer and tried to scroll the screen with my finger rather than dragging the scroll bar down with the mouse. The website works like a dream when I scroll with my finger, even when I scroll back to the top everything stays in place and the whole site works lovely! I then tried the other, long website to see if this was the same case and it was exactly the same case. It scrolls with a finger like a dream, but has a fit when you drag down the scroll bar with a mouse.
    My next question would be could I somehow disable some kind of touch scroll option in only the desktop version of the site, but leave it active in mobile and tablet sites? If I can do this can you please advise me on how to deactivate it, I think that should solve the problem.
    Can you please get back to me with an answer to this? I would be very greatful!
    Marc.

Maybe you are looking for