1 Reply Latest reply on Feb 6, 2014 12:35 PM by elainecc

    Floating Items in the browser window

    blonde_rik

      I have a stage that is 4000 some pixils wide.

      I have some items tht i would like to be on screen and in a fixed position no mater where you scroll.

       

      2 to be centered - content and intro

      1 to be top left and  - logo

      one to be top right - contact

       

      i have the following code that is present in the compisioionReady that floats a symbol named content in the center of the browser window.

       

      i need to add the other 3 items to this code.

       

       

      Thoughts?

       

       

      $(document).scroll(function(){

          var leftEdgeWindow = $(this).scrollLeft()

          setLeftEdge(leftEdgeWindow);

      });

       

       

      function setLeftEdge(base){

          //get the content symbol

          var contentObject = sym.getSymbol("content");

          //here it is in jQuery

          var content = contentObject.getSymbolElement();

          //get some important widths

          var contentWidth = content.width();

          var windowWidth = $(window).width();

          //find the left edge position

          var leftEdge = base + (windowWidth/2) - (contentWidth/2);

          content.css("left",leftEdge);

          //content.css("position", "fixed");

      }

       

       

      setLeftEdge(0);