2013-08-30 145 views
0

<div id="scroll" style="margin-left:auto;margin-right:auto;width:10000px;">隐藏html分区的水平溢出

上面的div将在用户交互时水平滚动。如何隐藏溢出,因为我只想让用户一次看到800px。这可能吗?如果是这样的话。 很抱歉,如果我是不清楚

+1

你的问题不是很清楚,但是从我收集你能不能把它放在一个div里面有800像素然后设置溢出的固定宽度自动或隐藏? –

+0

用户将点击一个按钮,div将使用paralax滚动来转到下一张图片 – user2166538

+0

@SimonStaton如果您正在使用JQuery使滚动发生,也许发布,我现在要检查 – user2166538

回答

2
<div class="Wrapper"> 
    <div class="Content"> 
    </div> 
</div> 

.Wrapper { 
    width: 800px; 
    overflow-x: scroll; 
    /* or : 
    overflow-x: auto; 
    */ 
    overflow-y: hidden; 
} 

.Content { 
    width: 10000px; 
} 
+0

在这里看到成品http://zinteen.co.uk/ – user2166538