微信小程式回到頂部的兩種方式

2022-09-23 08:07:08 字數 1023 閱讀 5043

一,使用view形式的回到頂部 

<

image

src='../../img/button-top.png'

class

='gotop'

hidden

='}'

bindtap

="gotop"

>

image

>

/*

返回頂部

*/.gotop

//

獲取滾動條當前位置

onpagescroll: function

(e) );

} else

); }

},//

回到頂部

gotop: function (e) )

} else

},

二.使用scroll-view形式的回到頂部

<

scroll-view

scroll-y scroll-top

='}'

bindscroll

="scrolltoupper"

>

<

image

src='../../img/button-top.png'

class

='gotop'

hidden

='}'

bindtap

="gotop"

>

image

>

/*

返回頂部

*/.gotop

data:

//獲取滾動條當前位置

scrolltoupper:function

(e));

} else

); }

},//

回到頂部

gotop: function (e) );

}