Jump to content
  • 0

Как можно сэмитировать браузерный zoom-in zoom-out


Zverushka
 Share

Question

Суть такова, можно ли сэмитировать увеличение уменьшение страницы в браузере и как будет называться это свойство в скрипте?

При этом важно. чтобы, если прокрутка на 1500 должна появляться, то со скриптом страница уменьшится, а прокрутки не появится.

Как высчитывать проценты увеличения и уменьшения на событии resize понятно, но какое свойство использовать при этом?
Обычный css3 трансформ оставляет прокрутку, кажется (может неудачно попробовала). 

document.body.style.zoom = scale; вот это свойство кажется оставило артефакты в состыкованных спрайтах :(...

Edited by Zverushka
Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0
	$(window).resize(function(){		var maxWidth = $(".wrap-outer").width();				var minWidth = 1024;		var width = $(window).width();				if (width > 1024 && width <= maxWidth) {			var scale = width/maxWidth;			console.log(scale);			//$(window).css("transform" , "scale("+scale+"," + scale+")");			if (navigator.userAgent.indexOf('Firefox') != -1 && parseFloat(navigator.userAgent.substring(navigator.userAgent.indexOf('Firefox') + 8)) >= 3.6){//Firefox	           //$('body').css('MozTransform','scale(' + scale + ')');	        }	        else {	        	document.body.style.zoom = scale;	        }					}		else if (width > maxWidth) {			if (navigator.userAgent.indexOf('Firefox') != -1 && parseFloat(navigator.userAgent.substring(navigator.userAgent.indexOf('Firefox') + 8)) >= 3.6){//Firefox {				//$('body').css('MozTransform','scale(' + 1 + ')');			}			else {				document.body.style.zoom = 1;			}					}	});

Пока мне удалось идеально сделать в хроме. В моизилле эффект как при css3 трансформе - скролл остается. ИЕ же не может промасштабировать фиксед элементы - такая печаль. прямо хочется выть)...

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy