Jquery CSS多divs溢出_Jquery_Html_Css_Mobile

Jquery CSS多divs溢出

jquery html css mobile

Jquery CSS多divs溢出,jquery,html,css,mobile,Jquery,Html,Css,Mobile,我有一个样本，一行有10个div，放在一个容器中，放在站点的页脚。这个网站将是一个反应迅速的网站，它也将在智能手机上运行在智能手机上，我想创建一个水平滚动视图，但我需要将溢出div（例如，4,5,6,7,8,9,10）放置在视口外的一行中（我将滑动它们）。使用来自的css，行中没有位置的div将放置在视口下，而不是同一行中如何将它们放在同一行？基本上，我希望视口中只有n个正方形，其余的，我将把它们滑入另外，我正在尝试手动执行此操作，jQuery中是否有一些滚动查看器插件？（不是jQuery

我有一个样本，一行有10个div，放在一个容器中，放在站点的页脚。这个网站将是一个反应迅速的网站，它也将在智能手机上运行

在智能手机上，我想创建一个水平滚动视图，但我需要将溢出div（例如，4,5,6,7,8,9,10）放置在视口外的一行中（我将滑动它们）。使用来自的css，行中没有位置的div将放置在视口下，而不是同一行中如何将它们放在同一行？

基本上，我希望视口中只有n个正方形，其余的，我将把它们滑入

另外，我正在尝试手动执行此操作，jQuery中是否有一些滚动查看器插件？（不是jQuery Mobile）

是什么意思

HTML

我想你可能需要另一个包装div。我见过的大多数滑块都有一个带有

溢出：隐藏的div，里面是一个非常宽的div（至少足够宽以容纳所有内容），可以移动。至于插件，我已经用过几次了我想你可能需要另一个包装div。我见过的大多数滑块都有一个带有溢出：隐藏的div，里面有一个很宽的div（至少足够宽，可以容纳所有内容），可以移动。至于插件，我用了一些times@MrOBrian请把你的评论作为答案，让我把它标记为正确答案。非常有帮助，谢谢。哦，太好了。我不确定这是否是你想要的，但我很高兴它能帮上忙。：）
    <body>
        Content
        <div class="footer">
            <div class="footer_contents">
                    <div class="square selected">1</div>
                    <div class="square">2</div>
                    <div class="square">3</div>
                    <div class="square">4</div>
                    <div class="square">5</div>
                    <div class="square">6</div>
                    <div class="square">7</div>
                    <div class="square">8</div>
                    <div class="square">9</div>
                    <div class="square">10</div>
            </div>
        </div>
    </body>

.footer {
    height:50px; 
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    overflow: scroll;
    overflow-y: hidden;
}   

.footer_contents {
    height: 50px;
    width: 1000px;
    margin: auto;
}