這篇文章將為大家詳細講解有關微信小程序中scroll-view如何實現(xiàn)錨點跳轉功能，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

站在用戶的角度思考問題，與客戶深入溝通，找到禪城網站設計與禪城網站推廣的解決方案，憑借多年的經驗，讓設計與互聯(lián)網技術結合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網站設計、做網站、成都外貿網站建設公司、企業(yè)官網、英文網站、手機端網站、網站推廣、域名注冊、雅安服務器托管、企業(yè)郵箱。業(yè)務覆蓋禪城地區(qū)。

在微信小程序中，使用 scroll-view 實現(xiàn)長頁面的標記跳轉，官方文檔中沒有例子演示，錨點標記主要是使用 的 scroll-into-view 屬性。

實現(xiàn)錨點跳轉主要以下幾點：

1、最外層容器使用 scroll-view

2、賦值scroll-into-view，如：

3、設置 scroll-view 滾動方向 scroll-y="true"

4、跳轉到的位置使用 id (定位)，如：

  list0
  list11
  list29


  
   {{item}}
  


 data: {
  list: ["list0", "list1", "list2"],
  toView: ‘‘
 },
 jumpTo: function (e) {
  // 獲取標簽元素上自定義的 data-opt 屬性的值
  let target = e.currentTarget.dataset.opt;
  this.setData({
   toView: target
  })
 },

關于“微信小程序中scroll-view如何實現(xiàn)錨點跳轉功能”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。