水平滚动网站响应？

我在网上搜索了一个制作水平滚动网站的答案（即：http://nquinones.4ormat.com/fashion-1），但没有成功响应。水平滚动网站响应？

HTML：

<div id="horizontal"> 
    <div class="picture"> 
     <img src="pic01.jpg" /> 
    </div> 
    <div class="picture"> 
     <img src="pic02.jpg" /> 
    </div> 
    <div class="picture"> 
     <img src="pic03.jpg" /> 
    </div> 
</div>

CSS：

#horizontal { 
    width: 2000px; 
} 

.picture { 
    float: left; 
} 

img { 
    height: auto; 
    max-width: 100%; 
}

我真的失去了对这个。任何帮助，将不胜感激。

谢谢

来源

2013-10-16 user1991185

你可能想要定义什么，当你说“水平滚动响应”意味着什么？这是否意味着如果图片的行比屏幕宽，你会得到一个滚动条？ –

像这样的东西：http://nquinones.4ormat.com/fashion-1 – user1991185

我不知道我会叫什么。当一直滚动时，第一个图像的偏移量足以显示左边距文本。当图像水平滚动时，它们占据整个宽度，左侧边缘区域看起来是半透明窗格，通过该窗格可以看到图像区域的左侧，尽管模糊不清。非常酷的效果。 –

也许只是在所有其他图像之前在左边放置一个纯白色图像。使其足够宽，以便在图像完全展开时，白色部分会落在左侧导航部分的后面。

<div id="horizontal"> 
    <div class="picture"> 
     <img src="allwhitebox.jpg" /> 
    </div> 
    <div class="picture"> 
     <img src="pic01.jpg" /> 
    </div>

你在我的后脑勺做的半透明的东西不透明度

#left-margin { 
    opacity:0.4; 
    filter:alpha(opacity=40); /* For IE8 and earlier */ 
}

东西说，你将需要：

.picture { 
    float: left; 
    display: inline-block 
}

来源

2013-10-17 17:30:32

只是谷歌的 “Metro UI的模板” &下载它从第一个结果显示...

研究它&去试验....

来源

2013-10-17 17:59:55 Vikram

水平滚动网站响应？

回答

相关问题