离子滚动条不适用于iphone

时间:2017-05-03 15:40:05

标签: javascript html ios css ionic-framework

嗨我的滚动条在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;
}

请帮帮我谢谢

0 个答案:

没有答案