现在在网站找【微信小程序滚动到指定元素】,结果大部分都是:
使用wx.createSelectorQuery()来查询元素,并使用scrollIntoView方法滚动到视图中
代码类似如下:
scrollToView: function() {
// 假设你想滚动到的元素有一个id为 'target'
var query = wx.createSelectorQuery();
query.select('#target').boundingClientRect(function(rect) {
wx.pageScrollTo({
scrollTop: rect.top + 10, // rect.top 是元素的顶部位置,+10是为了拉开一点距离
duration: 300 // 动画时长,单位 ms
});
}).exec();
}
这个方法的问题在于,需要在页面加载后,立即获取并存储元素的位置。如果,在页面滚动后,再获取元素位置是得不到期望的结果的。
其实,微信早就提供了专门的方法来实现这个需求:
// 假设你想滚动到的元素有一个id为 'target'
wx.pageScrollTo({
selector: '#target',
offsetTop: 10,
})
简单且好用!更多信息科参考微信文档:https://developers.weixin.qq.com/miniprogram/dev/api/ui/scroll/wx.pageScrollTo.html
-
base64图片在微信开发者工具中显示,在手机上不行base64图片在微信开发者工具中显示,在手机上不行
-
微信小程序黑名单功能微信小程序黑名单功能
-
微信小程序隐私协议弹框不弹微信小程序隐私协议弹框不弹
-
担心WordPress REST API暴露用户名?这里有一个简单的屏蔽方法!在深入探讨WordPress REST API的利用与功能时,追格小编虽已分享了多篇相关内容,但我们依然理解,部分用户可能仍对网站用户名暴露的问题心存顾虑,尤其是当他们并不需要使用到如古腾堡编辑器或小程序等特定功能时。针对这一关切,今天小编特地为大家介绍一种有效的屏蔽方法。
-
微信小程序打开任意公众号文章 wx.openOfficialAccountArticlewx.openOfficialAccountArticle是微信小程序通过小程序打开任意公众号文章api,不包括临时链接等异常状态下的公众号文章,必须有点击行为才能调用成功。
-
追格小程序V2.5.0更新发布追格小程序V2.5.0版本的更新,我们没给大家添太多新花样,主要是把“内功”练好了。我们认真检查了上一版里那些组件之间的小摩擦,一点点地调整、优化,搞定了超过40多个小地方。这样一来,小程序跑起来就更顺畅了,大家用起来也会感觉更舒服、更顺手。这次虽然没大张旗鼓,但确实是让产品站得更稳、更可靠了。
暂无评论,抢个沙发...