关于某一块的图片横向列表可滑动的效果

假设html结构为:

  • 图1
  • 图2
  • 图3

css设置每个图片的宽度,假设为7rem;
则ul的宽度要大于7*li的个数即可。
外层wrapper的样式加上:

display: -webkit-box;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;

这样可以水平滑动,但是上下滑动时也有位移。最后使用了一个插件,解决了这个问题。

你可能感兴趣的:(关于某一块的图片横向列表可滑动的效果)