Background-attachment только для вертикального скроллинга
Добрый день.
Подскажите, как реализовать background-attachment:fixed только для вертикального скроллинга? т.е. для горизотального background-attachment:scroll. Заранее благодарен :) |
Насколько мне известно, в 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>
|
Большое спасибо)))
Но функция работает относительно скролинга дива. С скролигом самого окна не работает((( Если не сложно можете добавить пару комментариев? Интерестно разобраться Заранее благодарен |
| Часовой пояс GMT +3, время: 04:19. |