0 Replies Latest reply on Dec 1, 2016 1:58 AM by Xoco

    iFrame responsive with Parallax effects

    Xoco Level 3

      Hello, I want to encapsulate a web page (fixed width and fixed height) made with Muse inside an iFrame with Edge Animate. The idea is to make a single design with Muse and save me creating adaptive designs for tablets and mobiles and save myself also create breakpoints for an adaptable design.


      I suposo that will be necessary put code in window.resize event to change Stage size when user change web browser dimensions to maintain proportions.


      In document.compositionReady I have:

      sym.$("Rectangle").html( '<iframe src="http://www.dissenys.com/elspoblets" width="1200" height="10000" scrolling="no" frameBorder="0" ></iframe>');


      Stage have fixed pixels size (1200 width and 10000 height) and the same pixels for Rectangle and iFrame (also Rectangle and iFrame works fine with 100% width and 100% height). I have activate Responsive Scaling: Width


      The page load correctly but scroll and Parallax effects don't work, why? I try scrolling="yes" but nothing.