Jump to content

[Хак] onBodyResize для любого размера сайта


Recommended Posts

Много кто ставит новые дизайны для сайта или же просто меняют ширину сайта, и в дальнейшем при открытии модального окна при пропадании скролла, сайт съежает!

 

Найти в main.js:

	var mw = ($('html, body').width()-800)/2;
	if($('.autowr').css('padding-left', mw+'px').css('padding-right', mw+'px')){
		$('body').show();
		history.pushState({link:location.href}, '', location.href);
	}

Заменить на:

    onBodyResize();

Далее в этом же main.js найти:

function onBodyResize(){
	var mw = ($('html, body').width()-800)/2;
	$('.autowr').css('padding-left', mw+'px').css('padding-right', mw+'px');
}

И заменить на:

 

function onBodyResize(){
	var ww = window.innerWidth, obj = $('.autowr'), contw = obj.width(), res = (ww-contw)/2;
	obj.css('margin', '0px '+res+'px 0px');
}

В main.tpl в строке: <body onResize="onBodyResize()" class="no_display"> уберите class="no_display"

  • Upvote 3
Link to comment
Share on other sites

  • 2 years later...
  • 1 year later...
43 минуты назад, #pragma сказал:

Только то что не нужно лесть в main.js, и не править ширину под свой шаблон)

Но, код который он скинул не будет работать правильно, страница будет заезжать за левый край монитора.

Спасибо, но я уже давно это знаю

 

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.

Guest
Reply to this topic...

×   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.

Loading...
 Share

×
×
  • Create New...