在vue中實現錨點定位功能

2022-05-07 16:24:12 字數 589 閱讀 3560

場景如下:

今天早上看到需求方新提的乙個需求,這是乙份網上答卷,點選題數要實現滾動到對應題目的位置;

注意點:每題題目的高度是不受控制的,你可以取到想跳轉的index;(我再迴圈題目時做了index+1的操作,根據自己去區分index)

想法:我現在每道題目上加個id,類似  :id=`tlink$`,在點選對應題標時(我這裡index是1開始) if(index>1)else

實現**簡單展示:

這樣就可以完美實現,我自己還增加了大標題高度等控制,所以只貼了參考**,其實說白了,關鍵點就是根據題目數計算你要滾動的高度,然後讓相應的滾動條滾動該距離;

vue element ui 實現錨點定位

你好!這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章,了解一下markdown的基本語法知識。20 3 導航選擇事件 default active activestep select jump for item,index in...

小程式實現錨點定位

在小程式中要實現錨點定位,需要使用到元件scroll view 需要用到的是scroll into view這條屬性,這條屬性的官網解釋是這樣的 scroll into viewstring 值應為某子元素id id不能以數字開頭 設定哪個方向可滾動,則在哪個方向滾動到該元素 於是乎,我們只需要給s...

html中設定錨點定位

需求 需要在頁面內做乙個導航 設定錨點 h2 我是標題一 h2 h2 我是標題二 h2 h2 我是標題三 h2 在頁面內設定錨點,做乙個索引,點選相應的索引標題就跳轉到相應的段落 那麼就只要在標題所在的html標籤裡面設定乙個id,然後鏈結過去即可,可以像下面這樣設定id h2 id a 我是標題一...