search

Home  >  Q&A  >  body text

javascript - JS如何实现模拟类似购物商场继续拖动查看图文详情那样的效果?

最近需要做一个效果,就是类似淘宝上面的,拖动查看图文详情的效果,就是类似下方这样的效果。
往下拖动是查看图文详情,而且还可以返回上面的部分。

网上搜索到的,大都是使用Android或ios实现的。可否利用JS模拟成类似的效果吗?

伊谢尔伦伊谢尔伦2824 days ago659

reply all(4)I'll reply

  • 巴扎黑

    巴扎黑2017-04-10 17:12:39

    就是监听滚动条,下拉距离底部为某个距离时触发函数,在函数里ajax异步请求查询数据,具体实现代码可以参考我回答的另外一个问题,里面代码有贴,拿过来修改即可
    传送门:https://segmentfault.com/q/1010000004484502

    reply
    0
  • 迷茫

    迷茫2017-04-10 17:12:39

    监听 touch 开头的几个事件就可以实现了吧。

    reply
    0
  • 大家讲道理

    大家讲道理2017-04-10 17:12:39

    就跟下拉刷新一样的吧,监听对应动作,只不过执行的是弹出详情而已

    reply
    0
  • PHP中文网

    PHP中文网2017-04-10 17:12:39

    实际上就是窗口下拉到一定程度时,发送一个ajax请求,将返回的结果渲染到浏览器。
    可以监听滚动条到底部的距离

    reply
    0
  • Cancelreply