有一个单页垂直分区网站，同时有一些部分（div）有水平部分（div）滑块

【问题标题】：Have a single page vertical sectioned website, at the same time, have some sections(div) have horizontal section (div) sliders有一个单页垂直分区网站，同时有一些部分（div）有水平部分（div）滑块
【发布时间】：2012-10-06 02:28:29
【问题描述】：

Please see this website as an example 登陆页面，有四个滑块，每个滑块分别是独立的div，但同时整个网页有独立的垂直部分。我知道如何做垂直位、标准 CSS 和 HTML。但是，如何在一个部分的水平 div 之间滑动？

【问题讨论】：

你能不使用jquery幻灯片组件吗？像 holytour.in 中的 jcarousal 之类的东西？
你看到的动画也可以是水平滑动或垂直滑动。

标签： javascript html css sliders

【解决方案1】：

使用 100% 宽度和溢出的 div：隐藏和位置：相对（我们称之为“部分”）

在该 div 内放置另一个宽度为 400% 且位置为：absolute 的 div（我们称其为“包装器”）

然后将 4 张幻灯片放入宽度为 25% 的 div 中并浮动：left

然后您可以通过更改“包装器”的左侧值将其移动到“部分”内来滚动幻灯片

如果你设置左边：0% 你在第一张幻灯片，-25% 你在第二张，-50% 你在第三张，-75% 你在第四张

您甚至可以为 $('#wrapper').animate({left: '-25%'},'normal') 设置动画

【讨论】：

这听起来像是一个不错的解决方案。应该试一试