Parallax Scrolling Problem

Hi,
I followed some instructions on this forum to build up my parallax scrolling scene by Edge Animate 1.5.
The layers of scene do move 'parallaxly' with the mouse scrolling,but do not follow the keyframes set up on the timeline,
which should stop at the same time by their right edges aligned with the right end of the stage. Please have a look of my source code and the html file:
https://docs.google.com/file/d/0B-XfhbCUQZ8RM21iUFJIRFZVWEU/edit?usp=sharing
Many thanks for help!
Eric

Hi there
I am experiencing the exact same problem with my Ipad Air. Did you manage to find a solution yet? Im hoping it isnt a hardware problem either. Orientation not really co-operating. Background image moving around the whole time as if trying to settle, even when device dead still?!
Please do let me know
Thanks
Greg

Similar Messages

Parallax scrolling problem since updating to Muse 7.1 and republishing my site

Hi.
I recently updated my Muse application to Version 7.1, made a few text changes to my site and republished my site, since I did this the following happens:
The parallax scrolling feature i have on my template moves the background images slowly to the right as you scroll for top to bottom.
I don't want it to do this, is this a bug in the 7.1 build of Muse of is there something I can do to stop this happening?
Also, the first background image you see when you land on the site seems to have repositioned itself within the frame to a different part of the image when published, see here the actual Muse document page, which is how it should look:
To see how it now looks 'live' see the link below...
www.jumatwo.com
any help resolving this would be much appeciated.
Thank You.

We had this where I work on ~200 machines.
We are still going around manually clicking the sharing>remote management tickboxes off and on as this fixes it.
It seems the GUI is not reflecting what is behind the scenes.

Parallax Scrolling: Problems with scroll wheel

Hi,I'm syue
I learn parallax effect from this video.
It helps me a lot ,but I have a problem with scroll wheel
Everything looks nice on my computer.
But when I make a test on different computers.It will show something like this...
https://docs.google.com/file/d/0B-eo1Bu6k3N-cEw2c3dyWEpfNDA/preview
I don't know how to explain the situation so I make this video.
I also chick my code and it shows me everything is fine.
I don't know how to solve this problem
Can you give me some advice?
Best regards. :-D

I know many people who have 30 gig and no wheel problem. I have an 80 gig and no problem. Finding your warranty (or buying the extended warranty) would be useful.
Good luck.
Kid

Parallax Scrolling is Shakey

Hello-
First and foremost--- GREAT UPGRADE WITH 5.0! Love the Layers and the Parallax! I now have the hang of designing with the new scolling options, but I am noticing a serious shaking of the images that scroll slowly. It also seems to get worse the longer you view the same page, which is problematic since I am buidling a site that is all one long page.
You can see the problem at cordphillips.com -- if you hit the initial logo, it will scroll you down to the Black and White picture I am referring to. Is there any way to resolve this issue?
As always, thanks and best,
-Cord

Hi Everyone,
We are glad that we came up with the solution of the Parallax Scrolling Problem that occurs on the scrolling with the mouse wheels (layers laggings) and jerk in the layers movement while scrolling with the mouse wheel. Just add the below mentioned code and set the time and distance to be covered in one scroll and done! You are good to go then.
Add this code in the index.html file's head tag
<script type="text/javascript">
if (window.addEventListener) window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;
var time = 1300;
var distance = 100;
function wheel(event) {
    if (event.wheelDelta) delta = event.wheelDelta / 120;
    else if (event.detail) delta = -event.detail / 3;
    handle();
    if (event.preventDefault) event.preventDefault();
    event.returnValue = false;
function handle() {
    $('html, body').stop().animate({
        scrollTop: $(window).scrollTop() - (distance * delta)
    }, time);
$(document).keydown(function (e) {
    switch (e.which) {
        //up
        case 38:
            $('html, body').stop().animate({
                scrollTop: $(window).scrollTop() - distance
            }, time);
            break;
            //down
        case 40:
            $('html, body').stop().animate({
                scrollTop: $(window).scrollTop() + distance
            }, time);
            break;
</script>

Problem with parallax scrolling moving around randomly

I have an ipad air. My problem is with the parallax scrolling. It just seems to be moving randomly around the screen even when the ipad is steady and it's quite difficult to get the ipad to change orientation when I stand it on its side. I've reset the ipad and turned it on and off a few times. Has anyone been having this problem and know how to fix it. I know you can turn it off but I don't really want to.

Hi there
I am experiencing the exact same problem with my Ipad Air. Did you manage to find a solution yet? Im hoping it isnt a hardware problem either. Orientation not really co-operating. Background image moving around the whole time as if trying to settle, even when device dead still?!
Please do let me know
Thanks
Greg

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

Parallax scrolling .OAM file is not working with muse

I had created recently parallax scrolling with Edge Animate. Parallax scrolling is not working after placing the OAM file in the muse.
The problem is its not triggering the function with the scroll. Any Idea ?

Please post your Edge Project file for others to cross-check?
Also Muse embeds Edge Animate as an iframe within the Muse html file, so that particular interaction my not be the best use case.
Also Muse (the latest version) has some wonderful Parallax capbilities built in - here are a bunch of references to check out.
Darrell

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.

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.

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

Parallax scrolling for different screens

Hi there...
Does anybody know how to deal with different screen sizes and parallax scrolling?
It know the 100% width option so that is not the issue.....the issue is the height!!
Laptop versus desktop etc..
So what is the best height to use so it will fit all screen sizes?
Thanks, Cor

Hai Daniel,
I faced the same problem with the overflow controller.
Then depending on the number of records that I am showing in the table I have adjusted the size of the overflow controller in pixels.
my code looks some thing like this.
lv_oflc_height = 53 + ( lv_actual_visible_rows * 21 ).
if the filter is on 20 more pixels added to the height.
<xhtmlb:overflowContainer id     = "OFLC_RCN_HDR"
                            height = "<%= lv_oflc_height %>px"
                            mode   = "SCROLL" >
and this worked for some standard resolutions with out big difference.
Best Regards,
Venkat.

Parallax scrolling for phone layouts

I think the parallax scrolling should be available especially for mobile phone designs, as these need to have all content vertically. Scrolling with the finger is also much more intuitiv than with a mouse, so this effect would give some playful interest to the website on a mobile device.

So weird that you dont get the problem when taping on a menu button. Still, that anchor thing may be the problem cause now that I remeber anchirs where a little bit to the left out of the effective area, so that could be the problem. I'm gonna try changing that and report results.
Thanks so much triquita.

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 Problem

Similar Messages

Maybe you are looking for