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.

Similar Messages

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

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

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.

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

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

How do i connect a page in Flash with pages made in Dreamweaver?

Hi,
So I'm trying to create this website in which the first page is made in Flash and the rest are made in Dreamweaver. Any idea how to actually connect them so that works? I know how to put something made from Flash into a Dreamweaver page; should i just do the same thing? Please help me! and please explain it to me in really simple terms, because otherwise I won't have any idea what you're saying. Thanks!!

You would need to add code into your Flash file that directs the browser to the html page of your website.
Assuming you want to do this using Actionscript 3.0, I have a blog post on this:
If you want to have a button click navigate to a new web page:
http://thepixelsmith.blogspot.com/2009/06/making-weblink-with-actionscript-30-in.html
If you want a flash movie to navigate to a web pag automatically on the last frame:
http://thepixelsmith.blogspot.com/2009/06/automatically-jump-to-webpage-using.html

TypeError: Object [object Object] Error message on website with parallax scrolling

My website, www.suchudance.org is having some error issues that have never surfaced before.
This is the error message I receive on a webpage that has never had this error before:
" MusejSassert: Error calling selector function: TypeError: Object [object Object] has no method 'on' "
I have parallex scrolling on the "tickets.html" page and that page, all of a sudden is no longer loading until I click on the Ticket menu button.
Does anyone know what is going on?
Thanks,
Vipul

Hi Vipul,
I am having trouble getting this error. I opened your site and previewed it in the browser, using Chrome, Firefox and Safari. I tried going to the tickets.html page using the url and using the menu on your site but both gave me the same result and no JS assert. Is there something I'm missing? Is your site right now (http://www.suchudance.org/tickets.html) the expected result or are you getting the error on that as well?
Thanks!
Dana

Image box with opacity gradients, and other parallax scrolling inhancements

First i want to say great job Muse Team, this is starting to get really interesting:
I've been playing around with parallax scrolling over gradients for effect,   but i'm dreaming about fading in full screen fields of texture.   without the weight of massive .png
1)      I would love to see the Background Image folder persist in the rectangle Fill > Gradient menu, with the options to tile etc.
2)     This feature along with speed and rotation controls for anchor finding, would really crack this thing wide open for me.
could be implemented with 2 lines coming off anchors:
one line straight down that can be rotated like a hand on a clock, to set the landing orientation.
and the second a diagonal line (thinking photoshop curves), to set the approach speed.
Maybe holding shift with the hand tool could rotate the design page, though i have no idea what rotation would do to the exhisting scrolling menu, i guess ill leave implementation to you!
3)     One last tweak, the option to remove scroll bars entirely from the page properties menu would be nice, but intil then i found this bit of code for the bleeding edge:
Insert as HTML to hide the horizontal scrollbar:
<style>
html,body{
overflow-x:hidden;
</style>
thanks for your time

Be sure your images are stacked properly in the order you need them in your Layers panel.
If that doesn't solve your problem please provide a link or screenshots so we can see your problem.

How to add a parallax scrolling (jquerry plugin) to Muse with Insert HTML?

I know the parallax scrolling feature will come to muse in 2 weeks. But I must do a website with parallax scrolling before that time.
I actually have a site ready in MUSE but i want to add some parallax scrolling effects to this site. I know this is possible without the incoming muse updates because people did it with older muse versions.
There are some jquerry plugins that should do the work:
http://plugins.jquery.com/stellar/
http://plugins.jquery.com/parallax/ for example.
How can i add these effects to Muse with insert html/Edit html feature? I am not good at code so Could you please tell me the steps clearly even like putting the plugin into the directory?
Even if i include the plugin, how can i adjust the pluginn settings to some specific elements of a site?
Please help,
thank you!

If you're not comfortable with code, the simplest way to add parallax to Muse would be to join the Muse beta and download the beta build with the new parallax feature.
http://www.adobekb.com/participating_in_muse_beta.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.

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

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

Parallax scrolling effect

Does anybody know how I can achieve the effect below with parallax scrolling in Adobe Muse? In the example below there is one illustrated image and another photograph, and when scrolling it looks like the illustration is being colored.

Please check out the Browser Fill section of the Scroll Effects article from below link.
Scroll Effects using Browser Fill
Here is what I managed in Muse playing around with the same: http://colorfill.businesscatalyst.com/index.html
You can download the source file for the same from: http://colorfill.businesscatalyst.com/assets/colorfill.muse
Hope that helps.
Cheers,
Vikas

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

My Page is flashing with parallax scrolling....

Similar Messages

Maybe you are looking for