- 需求:在移动端界面做一个按钮,点击时展开,点击这个元素外的其他元素时,按钮关闭。按钮展开时是出现四个方向箭头,点击时滚动。
- 实现: 元素的ScrollBy 方法
- 问题: 在ios上无法左右滚动
首先参考了:
添加-webkit-overflow-scrolling:touch
但是很遗憾,加了三四个涉及滚动的div都不成功。
之后又参考了同作者的:
给子元素添加包裹元素的min-height,且这个min-height值大于父元素
很遗憾,也失败了(有可能是因为dom解构比较复杂,所以并没有使包裹元素的高度更高)。
于是我请教了同事,得知可以使用translate直接模拟滚动效果!
再试一下。