例如常用的回到頂部,普通html頁面可以透過給a標籤的href屬性設定為某個id,然後點擊時就把滾動條滾動到了那一部分(當然,也可以直接設定滾動條距上的高度)。
而我目前有個需求是,在同一個vue組件中,點擊不同的按鈕,將滾動條滾動到對應的部分(可以不要滾動效果)。直接用上面提到的的話會觸發頁面跳轉,而直接設定滾動條距上高度的話,又得逐個獲取位置,沒有前者來得簡單。
求教大神,這個需求你們有無比較好的實現思維?
Element.scrollIntoView()
這是 JS 的一個原生 api,呼叫後,瀏覽器會捲動至目標元素的位置。
https://developer.mozilla.org...
如果用不了錨點,只能取得每個部分的捲軸位置了。
那隻能用js了,如下面一樣,在事件中取得目標元素距離頁面頂部的距離,然後控制滾動軸:
$(window).scrollTop( $("#caaa").offset().top )
粗暴的來看,肯定是錨點這個方法暴力咯。
找原生js外掛程式引入
同問!我也不清楚
https://huahua0406.github.io/...
下面有個左右對應滾動的不知道滿足你的要求嗎
vue-router2
router有模擬錨點的功能
Element.scrollIntoView()
這是 JS 的一個原生 api,呼叫後,瀏覽器會捲動至目標元素的位置。
https://developer.mozilla.org...
如果用不了錨點,只能取得每個部分的捲軸位置了。
那隻能用js了,如下面一樣,在事件中取得目標元素距離頁面頂部的距離,然後控制滾動軸:
粗暴的來看,肯定是錨點這個方法暴力咯。
找原生js外掛程式引入
同問!我也不清楚
https://huahua0406.github.io/...
下面有個左右對應滾動的不知道滿足你的要求嗎
vue-router2
router有模擬錨點的功能