Parallax scrolling non-moving header

Hi,
I'm trying to follow this nav bar header that stays stationary while I scroll:
http://www.qooqee.com/templates/aroma/index.html#top
So far I have one large page (1024 x 3900)
with five 1024 x 768 boxes set up as sections.
Do I somehow pin a 1024 x 120 navigation box at the top of the page?
Thanks in advance,
Anita

oh, I found a video tht explains it
https://www.youtube.com/watch?v=eQo_k9WiLms
I searched before, keywords this time different

Similar Messages

  • How to Parallax Scrolling to adobe muse ?

    I am starting working with adobe muse these days and i really liked the  Parallax Scrolling. BUt my muse is not showing it in effect option. Please help me out how i can include that feature in my muse.
    Thanks

    As Syrax12 pointed out, Parallax Scrolling has moved from the Effects panel to the Scroll Effects panel. Some of the videos from June 2013 refer to the old location under the Effects panel.
    Here's how you find the new panel. http://helpx.adobe.com/muse/tutorials/scroll-effects.html#Applying motion scroll effects using the Scroll Effects panel
    See here for all options. http://helpx.adobe.com/muse/tutorials/scroll-effects.html

  • 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 to images

    hey i am wondering if you know of a way to add parallax scrolling to image slide tumbnail slide shows ?
    this is what i am working on. i am using the compostion lightbox display, and in there. i have a thumbanil slide show. nowi have managed to get that in there. with the triggors.
    now. i am wanting to see if i can added thumbnail slides that when i hit the slide, it shows the next set of images.
    example.
    engagment| Bridal| wedding
    its one slide show, but when you hit it. you can go to the next slide, like how you have slide 1, 2 and 3.  that what i am thinking is what parallax scrolling is?
    can it be done? if so how?

    Thanks for your reply. I tried applying the following AS2 script to each image:
    For the first movie clip I used:
    animator = createEmptyMovieClip('animator',1);
    bg_1 = animator.attachMovie('star1','bg_1',1);
    bg_2 = animator.attachMovie('star1','bg_2',2);
    bg_1._x = -bg_1._width/2;
    bg_2._x = bg_2._width/2;
    speed = 1;
    starWidth = 950;
    animator.onEnterFrame = function() {
        bg_1._x -= speed;
        bg_2._x -= speed;
        if(bg_1._x <= -bg_1._width) bg_1._x = starWidth;
        if(bg_2._x <= -bg_2._width) bg_2._x = starWidth;
    For the second movie clip I used:
    animator = createEmptyMovieClip('animator',2);
    bg1 = animator.attachMovie('star2','bg1',1);
    bg2 = animator.attachMovie('star2','bg2',2);
    bg1._x = -bg1._width/2;
    bg2._x = bg2._width/2;
    speed = 2;
    starsWidth = 950;
    animator.onEnterFrame = function() {
        bg1._x -= speed;
        bg2._x -= speed;
        if(bg1._x <= -bg1._width) bg1._x = starsWidth;
        if(bg2._x <= -bg2._width) bg2._x = starsWidth;
    And for the third and final movie clip I used:
    animator = createEmptyMovieClip('animator',3);
    bg01 = animator.attachMovie('star03','bg01',1);
    bg02 = animator.attachMovie('star03','bg02',2);
    bg01._x = -bg01._width/2;
    bg02._x = bg02._width/2;
    speed = 3;
    starssWidth = 950;
    animator.onEnterFrame = function() {
        bg01._x -= speed;
        bg02._x -= speed;
        if(bg01._x <= -bg01._width) bg01._x = starssWidth;
        if(bg02._x <= -bg02._width) bg02._x = starssWidth;
    I thought this would work, but when I tested the movie all three movie clips moved together at the same speed. I want each movie clip to move at a different speed, but I'm completely stuck.

  • 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

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

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

  • List of Non Moving materials

    Dear Sap Gurus,
    I would like to know how to get the list of Non Moving materials for last six Months with valuation class ...? kindly let me know.Thank you.

    Dead Stock MC50 looks at the stock level for a material over a period of time and identifies the lowest level that the material reached. That lowest level is the dead stock quantity as, in theory, that stock was not required. It
    works on the principle that in an ideal world scenario you would maintain zero stock sitting in the warehouse because you were able to plan such that every day you receive / produce the exact amount that you require to meet
    all customer requirements with no surplus. An example would be that if you met all demand over a 3 month period and the stock level i that time never dropped below 500 then that would be the dead stock level as throughout the
    period you supposedly could have had 500 less stock and still met all requirements.
    Slow Moving Stock MC46 simply counts the number of days since the last issue against each material - the more days the slower moving the stock.
    Both the reports have value in that they can highlight problems which need addressing - such as excessive stock or unpopular lines - but the results they provide do need to be considered with a degree of caution...
    Top-of-head examples could be that zero dead stock in MC50 is not an achievable target if there is daily demand and the warehouse works on a FIFO basis with a 2 day minimum to receive and then pick, and in MC46 materials that are very seasonal will obviously show unfavourably at other times of
    the year.
    In Simple Terms :
    MC50: Based on you date range selected, The logic here is "No Consumption" below certain Stock Level.
    MC46: Based on the date range selected, if there was no movements (Consumption), the system would classify them as Slow Movers.
    Your selection criteria is VERY IMPORTANT, to review your results.
    Documentation : 
    Try using this Menu Path: SAP R/3 Library --> Logistics --> Logistics
    General --> Logistics Information System --> Document Evaluations -->
    Dead/Slow Movers
    Regards,
    Ashok

  • 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

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

  • Slow moving /non moving stock

    hi sap gures,
    plz tell me what are the slow moving and non moving stock.give me SAP standard t codes for these report if its there in sap.

    Hi Prasad
    for Non moving  T- code           *mc 50
    for slow moving stock T-code-mc46*
    Materials that have been consumed little or not at all over a long period of time are referred to as slow-moving items
    Dead stock is the part of your warehouse stock that has not been used for a certain period of time
    for further details pls refer
    link:[http://help.sap.com/saphelp_45b/helpdata/en/c1/376130449a11d188fe0000e8322f96/frameset.htm]
    Regards
    Vikrant
    Edited by: Vikrant Choudhary on Feb 23, 2009 12:06 PM

  • Technical field/table for Non moving report

    Dear All,
    I want the technical table name and field name for the following to make the Slow/NON moving stock report.
    Material Number
    Decription
    stock in hand
    batch no
    UOM
    Value
    Exp Date
    Mfg Date
    Date of last consumption
    Total No of days from last consumption
    Where used FG
    Date of Purchase
    Vendor
    Thanks & Regards,
    Sandeep.

    for a non-moving report you have to look at the stock and need to compare it probably with movements directly or consumptions stored in infostructures.
    depending on the basis you want analyze you may have to read much more tables than you expect and you certainly have the below listed fields in many tables
    Material Number (MARD, MCHA1, MCHB)
    Decription - MAKT
    stock in hand - MARD, MCHB and many other tables in case of special stock
    batch no . MCHA, MCH1, MCHB
    UOM - MARA, MARM,
    Value - MBEW - and may other tables in case of special stock
    Exp Date - MCHA, MCH1
    Mfg Date - MCHA, MCH1
    Date of last consumption - MKPF, SO32
    Total No of days from last consumption - have to be calculated by yourself in the report
    Where used FG - STPO
    Date of Purchase - EKKO
    Vendor - EKKO, MCHA, MCH1

Maybe you are looking for

  • PSE 11 actions display

    How can you get actions to show in PSE 11? I want to be able to do one-step clicking while I'm editing photos, but I cannot figure out how to get them loaded on the right-hand side like I had in PSE 10, or even where they're located in the top menu.

  • Mac crashes upon log in. I need help!

    All of my aplications for my computer were hidden and i wanted to put them in my application folder. I highlighted them all and accidentally doulble clicked. All of my application then began to open and crashed my computer. I shut it down manually af

  • Tag Search doesn't always show "best"

    I have lots of photos and have tagged these with quite a few tags. With some combinations of tags I get "best" "close" and "not", where "best" is photos with all selected tags, and "close" is photos with one or more, but not all the selected tags. Fo

  • Book not loading - error message on ipad

    A book i bought through itunes is not displaying on my ipad. I used to be able to read it, now it will not load and keeps giving me a pink box with an error message! Online support asked me to re-download on my ipad going to store and reloading. That

  • Queued Request Limit (Stateless) -

    I have stateless webservice calls setup and I am trying to trigger the Queued Request Limit (Stateless) limitation which is supported to be 5. However it seems that no matter how many concurrent sessions I kick off the calls simply queue up and do no