比如常用的回到頂部,普通html頁面可以通過給a標(biāo)簽的href屬性設(shè)置為某個id,然后點擊時就把滾動條滾動到了那一部分(當(dāng)然,也可以直接設(shè)置滾動條距上的高度)。
而我目前有個需求是,在同一個vue組件中,點擊不同的按鈕,將滾動條滾動到對應(yīng)的部分(可以不要滾動效果)。直接用上面提到的的話會觸發(fā)頁面跳轉(zhuǎn),而直接設(shè)置滾動條距上高度的話,又得逐個獲取位置,沒有前者來得簡單。
求教大神,這個需求你們有無比較好的實現(xiàn)思路?
Element.scrollIntoView()
這是 JS 的一個原生 api,調(diào)用后,瀏覽器會滾動至目標(biāo)元素的位置。
https://developer.mozilla.org...
那只能用js了,如下面一樣,在事件中獲取目標(biāo)元素距離頁面頂部的距離,然后控制滾動軸:
$(window).scrollTop( $("#caaa").offset().top )
https://huahua0406.github.io/...
下面有個左右對應(yīng)滾動的不知道滿足你的要求嗎