How to make scrolling Parallax image extend at the top and bottom of the screen of the iPad vertically and horizontally?

My website: http://hawkspdx.Club has the functions of Parallax scrolling, which does not completely extend to the bottom of the screen or all the way to the top of the screen on an iPad in vertical or horizontal position. How can I fix this please? The Parallax features work perfectly on desktop version.

0041-iPad_Horizontal_Top-Parallax.jpg

Above the iPad is horizontal and the picture behind the (blue) pieces cut before the top of the screen.

0044-iPad_Vert_Middle-Parallax.jpg

Here the picture of parallax (blue) low cut with the iPad upright.

0045-iPad_Vert_Bot-Parallax.jpg

Here the image in red (green arrow) does not reach the bottom of my screen of the iPad upright.

0047-iPad_Vert-Top-Parallax.jpg

Here the function of parallax (red image) does not extend to the top of the screen of the iPad upright.

It would be necessary to redefine the points of scrolling of the image on the page wells so that they overlap edge on parchment.

https://www.YouTube.com/watch?v=8m2Lg241e3A

Thank you

Sanjit

Tags: Adobe Muse

Similar Questions

  • How thumb code scroller for images, set its different widths and heights uniformed?

    I am pile trying to organize the images of variable width to be evently spacer of xml file in the thumb wheel.

    I probably miss something in this code sigment:

    function resizeMe(mc:DisplayObject,_maxH:Number,_maxW:Number=0,_constrainProportions:Boolean=true,_centerHor:Boolean=true,_centerVert:Boolean=true):void {}

    maxH = maxH == 0? maxW: maxH;

    MC. Width = maxW;

    MC. Height = maxH;

    If {(constrainProportions)

    mc.scaleX < mc.scaleY? mc.scaleY = mc.scaleX: mc.scaleX = mc.scaleY;

    }

    If {(centerHor)

    MC.x = (maxW - mc.width) / 2;

    }

    If {(centerVert)

    MC.y = (maxH - mc.height) / 2;

    }

    }

    Currently, my images appear to be resolved on a uniform width with any height would be proportional to the width defined in uniform. I also have equal distance between images.

    How to make my images have an equal distance, in uniform in height and regardless of the width would be proportional to the height defined in uniform.

    Here's the code in its entirety:

    import com.greensock;

    com.greensock.easing import. *;

    //////////////////////////////////////

    Load the xml

    var xmlLoader:URLLoader = new URLLoader();

    Parse XML

    var xmlData:XML = new XML();

    var xmlPath:String = "app_thmbs_imgs.xml";

    xmlLoader.load (new URLRequest (xmlPath));

    trace ("loading xml from:" + xmlPath);

    xmlLoader.addEventListener (Event.COMPLETE, LoadXML);

    function LoadXML(e:Event):void {}

    trace ("loading xml complete");

    xmlData = new XML (e.target.data);

    trace (XMLDATA.image); Let's see each xml element of picture in Panel output with this xmlList

    buildScroller (xmlData.image); rather than trace the xmlList, send it to our buildScroller function

    }

    Build a Scroller MovieClip to hold each Image

    var scroller: MovieClip = new MovieClip();

    this.addChild (scroller);

    scroller.y = 30;

    /////

    Parse XML

    build the scrolling of a xml file

    function buildScroller(imageList:XMLList):void {}

    trace ("' generation Scroller '");

    for (var point: uint = 0; point < imageList.length (); ++ item) {}

    var thisOne:MovieClip = new MovieClip();

    thisOne.x = (140 + 20) * point;

    thisOne.x = currentX; modified line to adjust variable inch widths

    thisOne.itemNum = item;

    thisOne.title is imageList [item] .attribute ("title");.

    thisOne.link is imageList [item] .attribute ('url');.

    thisOne.src is imageList [item] .attribute ("src");.

    thisOne.alpha = 0;

    trace (thisOne.itemNum, thisOne.title, thisOne.link, thisOne.src);

    Loading and adding Images

    container image

    var thisThumb:MovieClip = new MovieClip();

    Add images

    var ldr:Loader = new Loader();

    var url: String = imageList [item] .attribute ("src");

    var urlReq:URLRequest = new URLRequest (url);

    trace ("thumbnail loading" + item + "in Scroller:" + url);

    assign events to charger headphones

    ldr.contentLoaderInfo.addEventListener (Event.COMPLETE, completeHandler);

    ldr.contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, errorHandler);

    LDR. Load (urlReq);

    thisThumb.addChild (ldr);

    thisOne.addChild (thisThumb);

    create listeners for that inch

    thisOne.buttonMode = true;

    thisOne.addEventListener (MouseEvent.CLICK, clickScrollerItem);

    thisOne.addEventListener (MouseEvent.MOUSE_OVER, overScrollerItem);

    thisOne.addEventListener (MouseEvent.MOUSE_OUT, outScrollerItem);

    Add article

    scroller.addChild (thisOne);

    }

    trace ("termination of construction scroller");

    }

    function clickScrollerItem(e:MouseEvent):void {}

    trace ("item clicked" + e.currentTarget.itemNum + "-visit url:" + e.currentTarget.link);

    }

    function overScrollerItem(e:MouseEvent):void {}

    trace ("Over" + e.currentTarget.title);

    }

    function outScrollerItem(e:MouseEvent):void {}

    trace ("out" + e.currentTarget.title);

    }

    function completeHandler(e:Event):void {}

    trace ("thumbnail full" + e.target.loader.parent.parent.title)

    TweenMax.to (e.target.loader.parent.parent,.5, {alpha: 1});

    image size to scroll

    resizeMe (e.target.loader.parent, 140, 105, true, true, false);

    }

    function errorHandler(e:IOErrorEvent):void {}

    trace ("thumbnail error =" + e);

    }

    The resizing function

    parameters

    required: mc = the movieClip to resize

    required: maxW = the size of the box to resize, or just the desired maximum width

    Optional: maxH = if you want to resize area is not a square, the maximum height. by default must match maxW (so if you want to resize to 200 x 200, just send resizeMe (image, 200) or once 200 ;)

    Optional: constrainProportions = boolean to determine if you want to limit the proportions or tilt the image. set to true by default.

    Optional: centerHor = centers the displayObject in maxW region. set to true by default.

    Optional: centerVert = centers the displayObject in maxH region. set to true by default.

    function resizeMe(mc:DisplayObject,_maxH:Number,_maxW:Number=0,_constrainProportions:Boolean=true,_centerHor:Boolean=true,_centerVert:Boolean=true):void {}

    maxH = maxH == 0? maxW: maxH;

    MC. Width = maxW;

    MC. Height = maxH;

    If {(constrainProportions)

    mc.scaleX < mc.scaleY? mc.scaleY = mc.scaleX: mc.scaleX = mc.scaleY;

    }

    If {(centerHor)

    MC.x = (maxW - mc.width) / 2;

    }

    If {(centerVert)

    MC.y = (maxH - mc.height) / 2;

    }

    }

    You want to set the height of a specific value... it should be as simple as

    MC. Height = a specific value

    mc.scaleX = mc.scaleY; This will make the width proportional to the new height adjustment

    but it must be done after the image is finished loading

    as regards the addition with a uniform spacing goes, you must determine where the right edge of the last image and add the space betwwen to set the location of the one currently being added.  If you add that these s mc to a container movieclip, then the width of the container must be data very useful to determine where is the right edge of the last mc.

  • How to make an illegal image found on the search results page?

    When executing a search query (for an image of the words, "Guilty child" for a class of mourning, I fell an illegal photo involving a child and need to know how to report to one that handles this kind of problem. I'm NOT going to click on the image, but I would like to be sure that it is removed from the internet. Your time, effort and information would be greatly appreciated.

    Hello

    I recommend that you follow the instructions at this link appropriate for the country you are.

    You can also contact your local law enforcement authorities that will be able to provide additional guidance.

    Thank you for taking the time to do the right thing.

  • How to make a disk image of work for my windows 98se boot (original is long dead)

    How to make a disk image of work for my windows 98se boot (original is long dead).  I have a copy of Windows 98SE bought new off the years of the plateau.  I now have a 64-bit system, so I can't run it natively, but I discovered that I can't even run at all, because I don't have a working bootable floppy!  I thought that the CD is bootable, when I used it a long time ago, but now it does not start if I have used the disk? Anyway, can I get a driver Microsoft w/CD install/bootable disk, or do I have another decent resource?

    Thank you. You can contact me to the * address email is removed from the privacy *.

    http://www.bootdisk.com/bootdisk.htm

  • What is the procedure how to make my system image backup and data through Windows NAS Server?

    I work the iMac with bootcamp for Windows 7 - Home Premium.

    I want to return to the system image and data etc. of the 'Windows Back up and Restore' to my Synology NAS (network attached storage). When I do the setting changes, I could not find the option to connect to the NAS, but have only the offer to connect to the external hard drive.

    (1) the 'Windows Back up and Restore' allows to connect to the NAS for the back of my files, in particular for the iamge system? If not, any other method to make the back upward, especially for the system image?

    (2) what is the procedure how to make my system image backup and data through Windows NAS Server?

    Original title: save the Windows image

    Backup to a network location is not supported by Windows 7 Home Premium. Do you need Windows 7 Professional or ultimate edition.

    http://Windows.Microsoft.com/en-GB/Windows7/where-should-i-save-my-backup

  • How to make a 'swap' image to a smaller version of himself through a breakpoint.

    How to make a 'swap' image to a smaller version of himself through a breakpoint.

    I do not want to resize the image because I always displayed at real DPI, and I want that it 'snap' instantly changes the width of the browser.

    When the screen size is small, I want the image swap out for a smaller version of himself, a separate file. How can I do this?

    Thanks for your help

    Hello

    Please check this link - Muse CC hide in the breakpoint which could help you to make your wish come true.

    Let us know if it works.

    Kind regards

    Ankush

  • How to make a PDF to a Word doc file and an Excel doc?

    How to make a PDF to a Word doc file and an Excel doc?   Finally, I would like to combine Word and Excel doc doc. in a single PDF file.

    Hello

    You will be first to combine the word and excel doc sheet first to a single Document, may be you can copy and paste the content in the Excel file in the word do.

    Once you have done that you can use Word to PDF converters, you can download a program to do this or use an online service

    I usually use the following website http://www.pdfonline.com/convert-pdf/ which is free and is safe for me.

  • How to make windows require a password during the installation of new programs?

    How to make windows require a password during the installation of new programs?

    Hello

    You will not be able to circumvent the password that appears before the execution of actions (installing a new program) in a non administrator account.  If you are logged on as administrator, and again, you get the command prompt, you can disable UAC (User Account Control) to stop the password dialog window.

    However, as a work around you can right-click on the installation of the program files and select run as administrator. Check if this is useful.

    Let me know if I can help you with this question or any problem related to Windows.

  • How to make a label (javafx) to display the current time dynamically?

    Hi all

    How to make a label (javafx) to display the current time dynamically?

    I have not found a Type of event related to the time in javafx API.

    Please give me some suggestions. Thank you!

    Sage

    There are lots of examples of JavaFX clocks available, for example https://gist.github.com/jewelsea/3388637 or http://blog.crisp.se/2012/08/09/perlundholm/an-analog-clock-in-javafx

    For a simple label displaying the time, the simplest thing is to create a Timeline with duration 1 second and the number of indefinite cycle, which triggers an event handler that updates the label:

    final Label clock = new Label();
    final DateFormat format = DateFormat.getInstance();
    final Timeline timeline = new Timeline(new KeyFrame(Duration.seconds(1), new EventHandler() {
         @Override
         public void handle(ActionEvent event) {
              final Calendar cal = Calendar.getInstance();
              clock.setText(format.format(cal.getTime());
         }
    });
    timeline.setCycleCount(Animation.INDEFINITE);
    timeline.play();
    

    (If you use Java 8, use the new time API, which is much more pleasant than calendar.)

  • How to make a menu like that on the Web site of the State of San Diego, with Muse?

    How to make a menu like that on the Web site of the State of San Diego, with Muse? www.SDSU.edu

    Hello

    You can use the Widget Library > panels > tab panels

    or

    Click on "Objects" > add Widget > Panel > tabbed panels

    Make sure that if you want the concept of score as it appears on the site of Ref. (www.sdsu.edu), under events option in the Panel "The reversal" should be selected.

    Enjoy working with MUSE!

    Thank you

    Prabhakar Kumar

  • Help, please... I need to know how to crop my video segments?  I also need to know how to make several clips to run at the same time by dividing the screens?  How to fade a clip?

    Help, please... I need to know how to crop my video segments?  I also need to know how to make several clips to run at the same time by dividing the screens?  How to fade a clip?

    I watched the video tutorials.  I need to know also how to add additional video tracks to my screen.  Any help please?

  • How to make multiple "BOLD" text, for example the positions of the scene, or the names of the characters?

    How to make multiple "BOLD" text, for example the positions of the scene, or the names of the characters?

    You can do this by changing the model of the document.

    Open the document, go to Edition-> model. A dialog box will launch that will have some element types on the left and its properties on the right.

    Select Heading (or Character name) stage left. On the right, go to the 'Text' tab and click on the "BOLD" checkbox.

    Press OK.

    I hope this helps.

    See you soon,.

    Sunny

  • How can I make rectangles browser centered on the scrolling Parallax image fill?

    I'm doing a rectangle of width 100% which works very well. now, I fill it with an image, vertical mosaic and allow scrolling (by the effect of Parallax).

    When I now open the site in my browser and zoom out (simulation of a large screen) the image sticks to the left rather than stay centered in the middle. See screenshot for more details.

    Thanks a lot for your help!

    Screen Shot 2013-07-29 at 10.43.18.png

    Consider using the scale to the filling or horizontal mosaic in order to adjust the image in a rectangle of width 100%. Also, scrolling motion effect is not available for the 100% width items. See the following screenshot.

    Thank you

    Vinayak

  • How to make a smaller image in my email address so I can see it, IT is too big

    How to make a picture more small in my e-mail so I can see it. This is great. It is in outlook express

    If you receive a great picture that you can't display, you will need to change and resize yourself. You do this with Outlook Express.

    You can use paint and resize the image to a smaller size.
    Or you can use download PowerToys, which has an Image Resizer utility.
    http://www.Microsoft.com/Indonesia/windowsxp/downloads/PowerToys/xppowertoys.aspx

    I hope this helps.

    Marilyn

  • HOW TO MAKE AN ISO IMAGE OF MY OS

    I have a system windows xp/sp3 legitimate and the dvd, how do I make an iso image of the ir?

    George

    Perhaps has no way to do

    George

    George

    As you Rufus, all you need to do is plug the USB key. Select NTFS, click the DVD icon (create a bootable disc). Choose the ISO file and click Start.

    Here is the link to the free program http://rufus.akeo.ie/ Rufus

Maybe you are looking for

  • Username disappear when connecting with check user credentials

    Hello I'm trying to connect to a site SSL is enabled; I've already stored my password user name with FF. but when I try to log on here what is happening. Type my user name and the same select in the menu dropdown. Once I click on the user name the fi

  • Satellite A300 - 24 X PSAGQE: fan runs at full speed

    Hello... I recently bought Satellite A300 - 24 X PSAGQE T and I have little problems with fan. The thing is, it does not work until the temperature rises to something about 75 degrees, but then continues to run at full throttle, even if the temp. dec

  • Reconciliation of analog output NI USB-6210

    Using Labview, I am currently using an NI USB-6210 to produce a signal that a BOP of Kepco 50-2 M feeding programs. Unfortunately, this device NOR produced no analog voltage. Is it possible that I can use the digital output or against the unit OR to

  • Help user account

    Someone fooled with my daughters Dell laptop, now it is not a control panel to go to. Also, when you try to go to windows update, it says restricts contact administrator. Any ideas?

  • I have recive Email

    Nice dayTHIS IS TO INFORM YOU THAT YOU HAVE WON THE SUM OF500 $000,00 to THE PROMOTION of MICROSOFT® HELD ON June 6, 2010. PLEASEFILL IN THE INFORMATION BELOW AND SEND IT TO(* E-mail address is removed from the privacy *) Name: Mr. Lampard NelsonE-ma