嗨我的滚动条在iphone上不起作用,当我在Android手机上拖动它时我无法滚动浏览我的图像我可以这样做但是在iphone上它只是停留在那里移动。我尝试添加我从overflow-y not working in safari inside a modal
获得的代码style="overflow-y: scroll; -webkit-overflow-scrolling: touch;"
但它仍然不在这里滚动是我的代码
HTML:
<div class="streaming scrolling" style="overflow-x: scroll; -webkit-overflow-scrolling: touch;"><div><img src="https://s-media-cache-ak0.pinimg.com/originals/89/4a/af/894aaf28f0b9ebb42f5de80f21a250af.jpg" alt="" height="140" width="160"><p class="streamtitle">Title 1</p></div>
<div><img src="https://s-media-cache-ak0.pinimg.com/originals/89/4a/af/894aaf28f0b9ebb42f5de80f21a250af.jpg" alt="" height="140" width="160"><p class="streamtitle">Title 1</p></div>
<div><img src="https://s-media-cache-ak0.pinimg.com/originals/89/4a/af/894aaf28f0b9ebb42f5de80f21a250af.jpg" alt="" height="140" width="160"><p class="streamtitle">Title 1</p></div>
<div><img src="https://s-media-cache-ak0.pinimg.com/originals/89/4a/af/894aaf28f0b9ebb42f5de80f21a250af.jpg" alt="" height="140" width="160"><p class="streamtitle">Title 1</p></div>
<div><img src="https://s-media-cache-ak0.pinimg.com/originals/89/4a/af/894aaf28f0b9ebb42f5de80f21a250af.jpg" alt="" height="140" width="160"><p class="streamtitle">Title 1</p></div>
<div><img src="https://s-media-cache-ak0.pinimg.com/originals/89/4a/af/894aaf28f0b9ebb42f5de80f21a250af.jpg" alt="" height="140" width="160"><p class="streamtitle">Title 1</p></div>
<div><img src="https://s-media-cache-ak0.pinimg.com/originals/89/4a/af/894aaf28f0b9ebb42f5de80f21a250af.jpg" alt="" height="140" width="160"><p class="streamtitle">Title 1</p></div></div>
CSS:
.scrolling div{
padding: 0px 5px;
width: 40px;
display: table;
}
.scrolling {
overflow-y: hidden;
overflow-x: scroll;
display: flex;
height: 200px;
-webkit-overflow-scrolling:touch;
}
请帮帮我谢谢