小程序如何设置回到顶部

作者:小飞燕 发布时间:2021-03-08 09:03:20

导语本文整理了全网深受用户关注的个小程序如何设置回到顶部经验知识,可以帮助您全面了解代理怎么做,小白也能成为高手,跟随小编一起来看一看吧!

只有一种方法可以让小程序回到顶部,除了在开发小程序的开始设置它,那就是开发一个返回顶部的按钮。如何将小程序设置回顶部?怎么把按钮开发回顶部?以下是教程。

小程序返回到顶部渲染:

在第一种情况下,当页面位于顶部时,“返回顶部”按钮不会出现。

在第二种情况下,当页面距离顶部一定距离时,会出现“返回顶部”按钮

小程序被设置回比较上面的相关代码:

这里如果要使用滚动事件,微信小程序商店已经引入了相关的小程序规则,规定比较外层必须用scroll-view标签包裹,然后设置scroll-y="true "表示允许页面垂直滚动,scroll-top表示滚动到顶部进行处理,一般绑定一个事件,使用和bindscrolltolower相同的原理,滚动到底部进行处理,bindscroll表示滚动。wxml内部的下列单词意味着我们回到顶部按钮设置,当我们单击它时,我们绑定一个事件gotop,这样它的滚动高度等于0,这样它回到顶部。

wxml代码:

//*********************

顶端

//*********************

js代码:

//返回顶部按钮

页面({

数据: {

scrolltop: 0

},

gotop:函数(e){

this.setdata({

scrolltop:0

})

},

scroll:function函数(e,res){

//当容器滚动时,将滚动距离指定给this.data.scrolltop

if(e . detail . scroll top;500){

this.setdata({

floorstatus: true

});

}else {

this.setdata({

floorstatus: false

});

}

})

wxss代码:bigwrap{

背景# eee

}

/gotop返回顶部图标开始/。com-widget-gotop {

位置:固定;

bottom: 125px

right: 5px

background: rgba(0,0,0,0.48);

边界半径:50%;

隐藏飞越:

z-index : 500;

}。com-widget-gotop。icon-gotop{

背景色-: rgba(0,0,0,0.8);

display:内联块;

宽度: 50px;

height: 50px

线高: 68px;

font-size : 12px;

color: # ffffff

text-align:中心;

边界半径:50%;

background : url(http://m . dev . vd.cn/static/xcx/v1/goo/w _ 2-3451 cc 437 e . png)no-repeat center-1110 px;

-web kit-background-size : 50px auto;

}

下面是题目的开头。小程序如何获得微信好友?标题到此结束

小程序如何获得微信好友?小程序如何分享好友?以下是小编编制的小程序获取微信好友的内容。有需要的朋友可以看看如何通过小程序获得微信好友。

小程序如何获得微信好友?

通过搜索搜索wan市场微信小程序应用市场,然后访问

网站底部的发布小程序,如图。

根据页面的内容要求,准备好数据,如图,发送到相应的邮箱进行审批。

审批通过后,微信小程序发布成功。

微信小程序开发者可以通过这个应用市场交到朋友。

小程序如何分享好友?

如果已经有了小程序,可以在“发现”里看到“小程序”菜单。

进去看看。我有以下小程序。

右上角的一个和“…”。

查看全文

猜你喜欢

微商怎么找货源

频道查询入口

微商代理怎么做