Scroll только с одной строны.

SCHNITZER · March 1, 2010

Не получается сделать полосу прокрутки с одной строны. Помогите, пожалуйста.

Хочу убрать горизонтальную полосу прокрутки. Причем, желательно, что бы она была не "неактивна", а ее вообще не было. Например, такой код:

<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" lang="ru" xml:lang="ru"	>

		<head>

			<title> НАЗВАНИЕ СТРАНИЦЫ </title>

			<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />		
			<meta http-equiv="Content-Script-Type" content="text/javascript"/>			
			<meta http-equiv="Content-Style-Type" content="text/css"/>			
			<meta name="Resource-Type" content="Document" />			

			<style type="text/css">		

			</style>

		</head> 		
		<body link='red'	 vlink='black' alink='green' >			
				<div style='height: 400px; width: 300px; overflow: scroll;'> <img src='http://i706.photobucket.com/albums/ww68/szr4/q.jpg' height='800' width='300'> </div>		
		</body> 		
	</html>

shvv · March 1, 2010

Нужно убрать overflow.

Edited March 1, 2010 by shvv

SCHNITZER · March 1, 2010

Нужно изображение в ограниченном контейнере. Убрать Overflow - убрать полосы прокрутки.

shvv · March 1, 2010

Нужно изображение в ограниченном контейнере. Убрать Overflow - убрать полосы прокрутки.

Значит нужно поставить значение auto.

SCHNITZER · March 1, 2010

Не получается сделать полосу прокрутки с одной строны.

shvv · March 1, 2010

Также следует учесть ширину самих полос прокруток.

И увеличить на это значение ширину блока или уменьшить ширину картинки.

SCHNITZER · March 1, 2010

Хочу убрать горизонтальную полосу прокрутки. Причем, желательно, что бы она была не "неактивна", а ее вообще не было.

Pavv323 · March 2, 2010

Могу предложить вычислить ширину картинки Javascript'ом. И соответственно подставлять ее в ширину diva ну и плюсовать размер scroolbar. Я взял 20px. Но это наверное тоже как то можно вычислить с помощью Javascript.

<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" lang="ru" xml:lang="ru"	>

		<head>

			<title> НАЗВАНИЕ СТРАНИЦЫ </title>

			<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />		
			<meta http-equiv="Content-Script-Type" content="text/javascript"/>			
			<meta http-equiv="Content-Style-Type" content="text/css"/>			
			<meta name="Resource-Type" content="Document" />			

			<style type="text/css">		

			</style>

		</head>		 
		<body link='red'	 vlink='black' alink='green' >			

	<script>
	var imag = new Image();
	var scrollbarWidth = 20;		
	function imgfun(url)
	{
		var imgUrl = url;
		imag.src = imgUrl;
		var imgWidth = imag.width;
		return imgWidth;
	}

	document.write("<div style='height: 400px; width: ",imgfun("http://i706.photobucket.com/albums/ww68/szr4/q.jpg")+scrollbarWidth,"px; overflow: scroll;'> <img src='http://i706.photobucket.com/albums/ww68/szr4/q.jpg' height='800' width='300'> </div>");
	</script>

		</body>		 
	</html>

p.s. идея не моя, когда то давненько было нужно мне, нашел в нете.

Работает в IE8 в других не проверял, т.к. дома у меня нету других

Edited March 2, 2010 by Pavv323

rus · March 2, 2010

диву вайт:авто;

Sign In

Scroll только с одной строны.

Question

SCHNITZER

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

shvv

Link to comment

Share on other sites

SCHNITZER

Link to comment

Share on other sites

shvv

Link to comment

Share on other sites

SCHNITZER

Link to comment

Share on other sites

shvv

Link to comment

Share on other sites

SCHNITZER

Link to comment

Share on other sites

Pavv323

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information