水平滚动只有一个div

我需要的是具有背景图像和另一个可以水平滚动的.png图像的div。 http://prntscr.com/9d0d25 水平滚动只有一个div

我需要的背景下保持固定和汽车X和Z水平移动到上向下滚动的权利（和回留在向上滚动。当车都看不见了我想要的网站进行垂直滚动到网站的其他内容（以及向上滚动滚动与巴纽水平回div时）

HTML结构是这样的：

<div class="bgimage"> // has a background in css 
    <div class="cars"> 
     <img src="images/cars.png" /> 
    </div> 
</div> 
<div class="othercontent"> 
</div>

但是我有几乎没有经验的JavaScript，所以我不知道如何实现。

（我GOOGLE了视差，却发现只为完全水平或垂直网站的例子，这是不是非常敏感”

来源

2015-12-11 Dennis Novac

听起来像某种视差，你绑定到滚动事件，并根据用户滚动移动屏幕上的东西。如果你不知道如何编写javascript，这可能不是最简单的事情，而且这不是人们为你编写代码的编码服务吗？ – adeneo

@adeneo对不起，我不是说有人为我写代码，只是有几条指令，如果有人知道如何。我可以写javascript，我只是新手，所以我不知道我应该做的大部分事情：\ –

我会在路上帮你一把 - > http：// jsfiddle。 net/3gn6abq8/ – adeneo

如果你使用jQuery，您可以使用$(window).on('scroll', function(){})来观看滚动事件

这里有一个简单的一个我所做的：

var lastScrollTop = 0; 
$(window).on('scroll', function(event){ 
    var st = $(this).scrollTop(); 
    if (st > lastScrollTop){ 
     //Scrolling Down 
     $('.cars').css('left',st + "px"); 
    } else { 
     //Scrolling Up 
     $('.cars').css('left', st + "px"); 
    }  
});

Fiddle

来源

2015-12-11 19:25:03 OpuLance

在鼠标滚轮运动

var mouseWheelEvt = function (event) { 
    if (document.body.doScroll) 
     document.body.doScroll(event.wheelDelta>0?"left":"right"); 
    else if ((event.wheelDelta || event.detail) > 0) 
     document.body.scrollLeft -= 10; 
    else 
     document.body.scrollLeft += 10; 

    return false; 
} 
document.body.addEventListener("mousewheel", mouseWheelEvt);

来源

2015-12-11 19:39:59 Tanmay

水平滚动只有一个div

回答

相关问题