html双击回顶部,百度/微信小程序点击按钮回到顶部（scrollTop=0）/点击拨打电话...

一、HTML部分

二、JS部分页面滚动回到顶部

1、监听页面滚动事件

onPageScroll(e) {

// console.log(e.scrollTop)

if (e.scrollTop > 300) {

this.setData({

topFlag: true

})

} else {

this.setData({

topFlag: false

})

}

2、回到顶部

scrollToTop() {

swan.pageScrollTo({

scrollTop: 0,

duration: 300,

success: res => {

console.log('pageScrollTo success', res);

fail: err => {

console.log('pageScrollTo fail', err);

}

});

3、拨打电话

makePhone() {

swan.makePhoneCall({

phoneNumber: this.data.obj.mobile

});

祝在座的各位女程序员早日实现午餐自由，Lamer自由，面膜自由，组件自由。

html双击回顶部,百度/微信小程序点击按钮回到顶部（scrollTop=0）/点击拨打电话...相关推荐

微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例
本文实例讲述了微信小程序实现slideUp.slideDown滑动效果及点击空白隐藏功能.分享给大家供大家参考,具体如下: 怎样实现jq中的slideUp或者slideDown这种动画效果呢,我的思路 ...
隐藏微信小程序返回首页按钮（小房子）
隐藏微信小程序返回首页按钮(小房子) 之前开发小程序时会碰到用户打开非主页时,页面会显示返回首页按钮.现在可以隐藏啦!!! 需要注意的是1.调试基础库版本需要2.8.3及以上:2.以及微信7.0.7版 ...
微信小程序的悬浮按钮
微信小程序的悬浮按钮实现代码: .buttom{width: 100vw;height: 14.6vw;background: #fff;margin-top: 1.6vw;display: fle ...
微信小程序同一个登录按钮上触发获取微信用户信息和电话号码
微信小程序同一个登录按钮上触发获取微信用户信息和电话号码因为微信小程序获取用户信息getuserinfo方法和获取电话号码open-type="getPhoneNumber" @ ...
mpvue开发微信小程序，分享按钮报错：`Cannot read property 'apply' of null`
用mpvue开发微信小程序,分享按钮报错:Cannot read property 'apply' of null thirdScriptError Cannot read property 'app ...
微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例 1
本文实例讲述了微信小程序实现slideUp.slideDown滑动效果及点击空白隐藏功能.分享给大家供大家参考,具体如下: 怎样实现jq中的slideUp或者slideDown这种动画效果呢,我的思路 ...
微信小程序之设置不同的顶部导航栏名称
一.背景首先是,我们知道在app.json中,有一个window属性,这个规定了全局的顶部导航栏目的显示: "window": {"backgroundTextStyl ...
不起作用微信小程序顶部json_微信小程序之新建项目默认结构
嘿,偷偷的告诉你点击左上角"程序员小鸿"关注我只需要几秒钟哦~ 通过微信开发者工具新建小程序后,工具会初始化一套小程序默认项目结构,结构如下: ├── pages # 主页 ...
百度/微信小程序自动化测试
目录: 1. 小程序自动化方案1.1 小程序的基本构成1.2 原生组件定位之UiSelector1.2.1 原生组件定位之UiSelector1.2.2 web元素定位1.3 小程序自动化准备1.3 ...

html双击回顶部,百度/微信小程序点击按钮回到顶部（scrollTop=0）/点击拨打电话...

html双击回顶部,百度/微信小程序点击按钮回到顶部（scrollTop=0）/点击拨打电话...相关推荐

最新文章

热门文章