Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.02.2010, 15:40
Интересующийся
Отправить личное сообщение для Lex4e Посмотреть профиль Найти все сообщения от Lex4e
 
Регистрация: 07.01.2010
Сообщений: 12

Background-attachment только для вертикального скроллинга
Добрый день.
Подскажите, как реализовать background-attachment:fixed только для вертикального скроллинга? т.е. для горизотального background-attachment:scroll.
Заранее благодарен
Ответить с цитированием
  #2 (permalink)  
Старый 03.02.2010, 18:33
Аватар для subzey
Пионэр
Отправить личное сообщение для subzey Посмотреть профиль Найти все сообщения от subzey
 
Регистрация: 16.11.2009
Сообщений: 1,322

Насколько мне известно, в css такого нет. Но можно придумать костыли наподобие таких:
<style type="text/css">
.my-magic-scroll {
	background: url(http://javascript.ru/forum/images/ca_serenity/misc/logo.gif) 0px 0px repeat fixed;
	overflow: auto;
}
</style>
<div class="my-magic-scroll" style="width: 300px; height: 300px;">
	<div style="width: 1000px; height: 1000px;"></div>
</div>
<script type="text/javascript">
(function(){
	function myMagicHandler(e){
		var trigger = e.srcElement||e.target;
		if (/(^|\s)+my-magic-scroll(\s|$)/.test(trigger.className)){
			trigger.style.backgroundPosition = -trigger.scrollLeft + "px 0px";
		}
	};
	
	if (document.addEventListener){
		document.addEventListener("scroll", myMagicHandler, true);
	} else if (document.attachEvent) {
		document.attachEvent("scroll", myMagicHandler);
	}
	
})();
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 04.02.2010, 11:08
Интересующийся
Отправить личное сообщение для Lex4e Посмотреть профиль Найти все сообщения от Lex4e
 
Регистрация: 07.01.2010
Сообщений: 12

Большое спасибо)))
Но функция работает относительно скролинга дива. С скролигом самого окна не работает(((
Если не сложно можете добавить пару комментариев? Интерестно разобраться
Заранее благодарен
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Это только для профи(всплывающее сообщение) Derack Элементы интерфейса 6 23.07.2009 13:22
Не работает AppendChild для div, причём только в IE _Kpot_ Internet Explorer 5 12.02.2009 09:55
JS'ом поменять textDecoration только для случаев link и visited lancer Элементы интерфейса 3 05.04.2008 19:51