模拟手机端的webapp 的外卖点击菜单 和 对应内容滑到目标位置

Question

1. 右侧的内容通过手指滑到指定的位置时 左侧的对应点击菜单 变颜色,或者改变相应的位置?
   2.注意是移动端 不要给我整 鼠标滚动监听!
   3.在线等! 比较急!

Answer 1

要搞简单粗暴的话我倒是想到个方法，你每个部分的块的开始位置可以放个空的div用作标记，左边变色可以通过监听标记的位置来变，同样的点击左边后可以通过计算对应的部分的标记的位置来改变位置。这里的位置可以用top，也可以用js获取与屏幕上下的距离，看你自己打算怎么做了，我的思路就是这样。