微信页面超出的图片滚动问题？

手机页面上图片超出滑动怎么做？固定长度么？
里面图片不知道有几张的情况下，怎么知道总长多少？

html javascript

阅读 3.1k

4 个回答

得票最新

numens

33862639

发布于
2017-08-09

提供一个比较简单的思路
把容器的宽度固定，然后设置overflow-x: scroll就可以左右滑动了

Raymond

4.3k43163

发布于
2017-08-09

测试的时候使用了大量的行内样式, 别介意:

<html>
    <head></head>
    <body>
        <div style=" height: 100px; background: #ccc; width: 100%; overflow-x: scroll; white-space: nowrap; overflow-y: hidden; ">
            <img src="https://segmentfault.com/img/bVSusN?w=457&amp;h=78">
            <img src="https://segmentfault.com/img/bVSusN?w=457&amp;h=78">
            <img src="https://segmentfault.com/img/bVSusN?w=457&amp;h=78">
            <img src="https://segmentfault.com/img/bVSusN?w=457&amp;h=78">
        </div>
    </body>

</html>