Since your content will display on various screen sizes, the aspect ratios of your Stages and Frames will generally not match. layerJS offers different fitting modes, including width, height, cover, contain, responsive, responsive-width, responsive-height. Just select a mode using an HTML attribute: <div lj-type="frame" lj-fit-to="responsive-width"></div>

Depending on the fitting mode, scrolling may occur. The initial scroll position can be any of top, left, bottom, right, center, top-center, bottom-left, etc.. This will be set with: <div lj-type="frame" lj-start-position="top"></div>

You can disable scrolling using <div lj-type="frame" lj-no-scrolling="true"></div>

You can still define an initial "scroll" position to specify the alignment of the Frame.