探索、思考、創(chuàng)造、分享

數(shù)據(jù)驅(qū)動(dòng)、堅(jiān)持為客戶提供有價(jià)值的服務(wù)和內(nèi)容

當(dāng)前位置:首頁>小程序資訊
uniapp 微信小程序 錨點(diǎn)跳轉(zhuǎn)
來源:南京小程序開發(fā) 發(fā)布時(shí)間:2023-09-07點(diǎn)擊:111

uniapp文檔

以下是我遇到的業(yè)務(wù)場(chǎng)景,是點(diǎn)擊商品分類的某一類? 然后頁面滾動(dòng)至目標(biāo)分類,

首先第一步是設(shè)置錨點(diǎn)跳轉(zhuǎn)的目的地,在目標(biāo)的dom上面添加id屬性

然后給每個(gè)分類每一項(xiàng)添加點(diǎn)擊事件,分類這里的item數(shù)據(jù)里面有一字段是和上面商品dom設(shè)置的id值是一一對(duì)應(yīng)的

下面是點(diǎn)擊事件,我發(fā)現(xiàn)有兩種方式可以實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn),一個(gè)是直接通過給api配置selector參數(shù)就可以跳轉(zhuǎn)至id元素處,另一個(gè)是先獲取dom的top值,然后通過給api

  • 上一篇:微信小程序獲取用戶信息的兩種方法wx.getUserInfo與open
  • 下一篇:微信小程序地圖 map
  • 版權(quán)備注
    最新資訊
    2023-09-22
    個(gè)人微信小程序怎么上線使用
    微信小程序 如何申請(qǐng)?我們先了解下小程序開發(fā)的步驟流程:第一步,申請(qǐng)小程序賬號(hào)并認(rèn)證第二步,開通微信···
    2023-09-22
    電腦登陸微信小程序打不開已經(jīng)是最新版本
    mac版微信小程序工具打不開微信緩存太多。手機(jī)緩存就是數(shù)據(jù)交換的緩沖區(qū)。手機(jī)緩存可通過手機(jī)管家進(jìn)行清···
    2023-09-22
    小程序內(nèi)容怎么打印
    老師在微信發(fā)來孩子作業(yè),用打印機(jī)怎么操作才可以打印出來?Ⅴ信發(fā)來的文檔、作業(yè),不是看打印機(jī)怎么操作才···
    2023-09-22
    微信電腦版打開小程序黑屏怎么辦
    微信電腦客戶端打開后黑屏不能動(dòng)把它卸載了,然后用你的優(yōu)化軟件清理下系統(tǒng)緩存垃圾、注冊(cè)列表,然后去官網(wǎng)···
    2023-09-22
    微信小程序手機(jī)號(hào)快速驗(yàn)證組件升級(jí),8 月 26 日起向開發(fā)者收費(fèi),這一組件能給用戶使用帶來哪些便利?
    在這里插入圖片描述收費(fèi)說明付費(fèi)使用在這里插入圖片描述手機(jī)號(hào)快速驗(yàn)證組件
    隨機(jī)資訊
    2023-09-20
    餐飲小程序 餐飲小程序模板
    餐飲小程序及餐飲小程序模板:為餐飲行業(yè)提供全方位的移動(dòng)解決方案餐飲行業(yè)是一個(gè)競爭激烈的行業(yè),隨著移動(dòng)···
    2023-08-16
    免費(fèi)制作微信小程序步驟圖
    怎樣免費(fèi)制作微信小程序?制作微信小程序的方式分兩種:一種是自己編程;另外一種是用第三方軟件。第一種方···
    2023-09-22
    分享12款微信小程序、支付寶小程序完整源碼
    和App互聯(lián)網(wǎng)見頂一趨勢(shì)相伴而生的,是小程序的飛速崛起。在小程序問世兩年后,小程序平臺(tái)擴(kuò)充至9家,其···
    2023-08-14
    食堂報(bào)名就餐小程序開發(fā)怎么做(單位食堂報(bào)餐小程序制作方法)
    隨著移動(dòng)互聯(lián)網(wǎng)的不斷發(fā)展,越來越多的行業(yè)都在往互聯(lián)網(wǎng)+發(fā)展,如餐飲點(diǎn)餐這塊,前幾天有客戶想要做一個(gè)食···
    2023-09-17
    怎樣開發(fā)程序員朋友圈
    java程序員如何轉(zhuǎn)職游戲開發(fā)游戲開發(fā)分為服務(wù)器開發(fā)和u3d的開發(fā)。java可以做網(wǎng)絡(luò)游戲的服務(wù)器開···
    友情鏈接: 南京網(wǎng)站建設(shè) 南京小程序開發(fā) 北京網(wǎng)站建設(shè) 網(wǎng)站仿制 深圳小程序開發(fā)