我可以翻译这段内容。这是一篇关于编程的文章,作者在寻找一种适用于移动端的触摸滚动解决方案,但是他花了一整天的时间都没有找到合适的方法。虽然有很多类似的问题,但是对他来说都无法解决。下面是他提供的HTML代码。
我想要的是让 .wrapper 自动设置宽度,并且超出 #slider_container 和 body 的范围。
希望我表达清楚了。
感谢所有的回答...
<body>
<div id="slider_container">
<div class="wrapper">
<span>Image</span>
</div>
</div>
</body>
最少会有2个包含图片的span,最多会有10个包含图片的span。会有一些PHP代码,根据用户上传的照片数量,span的数量会发生变化。
以下是我的CSS代码:
body
{
width:100%;
overflow-x:hidden;
}
#slider_container
{
width:100%;
height:320px;
overflow: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.wrapper
{
position:absolute;
height:320px;
}
.wrapper img
{
max-width:310px;
max-height:310px;
margin-right:5px;
float:left;
}
我想要的是让 .wrapper 自动设置宽度,并且超出 #slider_container 和 body 的范围。
希望我表达清楚了。
感谢所有的回答...