用html怎么实现scroll-view

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用html怎么实现scroll-view相关的知识,希望对你有一定的参考价值。

参考技术A html实现scroll-view如下,自从iphone上的mail应用有了这种加载的手势之后,很多本地应用都默默的采用了这种方式,首先第一轮尝试我们想用浏览器原生的滚动区域(overflow:auto,-webkit-overflow-scrolling:touch)来模拟这种效果。

微信小程序怎么实现点击跳转到指定锚点?

像这个陇南办事 1.滑动到指定位置, 常用、专项、专区这一栏会固定,上面的会隐藏。2.点击 他们会显示对应项这个怎么实现

这个可以用scroll-view实现。
scroll-view可以根据id跳转到指定项,可以根据你的需要对照官方文档进行设置,基本上可以通过简单的属性进行设定。追问

具体怎么结合使用,有demo吗?

追答

点击的时候改变scroll-view的scroll-into-view属性,会自动跳到相应的带有该id的view。官方文档有实例

参考技术A 根据每个模块距离顶部的高度去实现,微信有接口wx.pageScrollTo可以实现页面的滚动,至于顶部隐藏也是有一个人函数wx.pageScrollTo监听页面的滚动距离,然后动态的去设置tab的显示隐藏即可.追问

还有其他思路吗?你做过小程序开发吗?

追答

小程序的接口都是官方封装好的 目前我能想到的就是这种做法了

以上是关于用html怎么实现scroll-view的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序基于scroll-view实现锚点定位

小程序scroll-view实现三级分类左右联动,上拉加载以及下拉刷新

uni-app scroll-view 点击实现元素居中?

微信小程序 scroll-view 实现锚点跳转

微信小程序 scroll-view 实现锚点跳转

微信小程序scroll-view不能实现下拉刷新