Показать сообщение отдельно
  #2 (permalink)  
Старый 03.06.2013, 16:29
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Ruslan_xDD,
Вариант для Google Chrome ...
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <style type="text/css">
 body{
   height: 800px
 }

  </style>
</head>
<body>
<img alt="" src="http://pulson.ru/wp-content/uploads/2011/05/1286214958_94-695x990.jpg" id="bg" style="position:fixed; left:0%; top:0%; width:100%; z-index:-10" />
<script>
var height = window.innerHeight; //Высота экрана пользователя
var scrollHeight = document.body.scrollHeight; //Высота всей страницы
var bg = document.getElementById('bg');
var bgHeight = bg.height; //Высота изображения

window.onscroll = function()
{
   var a = document.body.scrollTop; //Получаем при каждой прокуртке позицию скроллинга
   bg.style.top = -(bgHeight - height)*(a/(scrollHeight-height)) +"px"
}

</script>
</body>
</html>
Ответить с цитированием