Как убрать скачок страницы с полосой прокрутки? - HTML и CSS - Страница 2

shavedcat · 06.03.2014, 01:17

Нет, оставлять на браузер не хочу. Скачок еще более некрасиво смотрится чем ползунок справа.

Лубышев · 06.03.2014, 12:10

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<style>
*{margin:0px; padding:0px;}
.wrapper{width:950px; margin:auto; position:relative;}
.inner{width:950px; margin-left:0px; position:relative; background:red; height:500px;}
</style>
</head>

<body>
<div class="wrapper">
	<div class="inner">
    <button id="bigheight">Расширить блок</button>
    </div>
</div>
<script language="javascript">
$(document).ready(function(){
	$("#bigheight").click(
	       function(){
			   w1=$('body').innerWidth();//узнаем начальную ширину
			   $(".inner").css("height","3000px");//меняем размер блока так чтобы появился скрол
			   w2=$('body').innerWidth();//узнаем конечную ширину
			   //простичаем отступ для этого ширину скрола делим на два
			   margin=(w1-w2)/2; 
			   $(".inner").css("margin-left",margin+"px");
			   })
		  
	})
</script>
</body>
</html>

shavedcat · 06.03.2014, 16:09

Спасибо!!! Буду пробывать.

Лубышев · 07.03.2014, 01:18

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

07.03.2014, 01:18	#14
Лубышев Участник клуба Регистрация: 23.07.2007 Сообщений: 1,054	Основная суть это: разместить блок по центру. в него вложить второй блок вычислить ширину скрола, и сдвинуть внутренний блок на эту ширину скрола Писано по д'Эльфийски

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
как убрать GET-параметры из адреса страницы	Антон Ос	PHP	4	08.06.2013 05:10
как убрать полосу прокрутки в фрейме ?	admin-one	Работа с сетью в Delphi	11	15.09.2012 23:45
как убрать горизонтальные полосы прокрутки при просмотре в андроид?	Алик09	HTML и CSS	11	05.03.2012 10:03
header и footer(всегда прилеплен снизу) фиксированной высоты, резиновый контент в центре с полосой прокрутки	Munk	HTML и CSS	0	17.07.2011 16:10
Как заставить ролик на мышке двигать полосой прокрутки	clanz	Microsoft Office Access	4	28.02.2010 16:41

06.03.2014, 01:17	#11
shavedcat Пользователь Регистрация: 16.04.2009 Сообщений: 65	Нет, оставлять на браузер не хочу. Скачок еще более некрасиво смотрится чем ползунок справа.

06.03.2014, 16:09	#13
shavedcat Пользователь Регистрация: 16.04.2009 Сообщений: 65	Спасибо!!! Буду пробывать.