publishing responsive animate html/js question

Question

when i publish my animation (1240x860) and check the box "make responsive" and "by width" and do not check "scale to fill visible area," i expect the animation to be a max width of 1240px but to fill any smaller screen horizontally like it works with an image but on small screens when the window isn't tall enough to fit the whole thing it makes the width smaller and margins appear, white space on both sides. with an image, it doesn't do that, it fills the width no matter what and cuts off some of the height and you can scroll to see the whole thing. i want my published animation to resize like an image does. i feel like i've tried every different way to publish it and nothing accomplishes that.

ClayUUID · Accepted Answer

The scaling code is intentionally designed to keep the entire stage visible. To do what you want you'll have to modify the generated scaling code.

In makeResponsive(), change this line:

var iw = window.innerWidth, ih=window.innerHeight;

To this:

var iw = document.body.clientWidth, ih=window.innerHeight;

Then change this line (the second line):

else if(scaleType==1) {					
	sRatio = Math.min(xRatio, yRatio);

To this:

else if(scaleType==1) {					
	sRatio = xRatio;

Then publish as Make Responsive by Width and check Scale to fill visible area.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.