javascript - vue.js有無比較快速的方法可以讓目前介面捲動到某部分。
为情所困
为情所困 2017-05-18 10:45:35
0
8
660

例如常用的回到頂部,普通html頁面可以透過給a標籤的href屬性設定為某個id,然後點擊時就把滾動條滾動到了那一部分(當然,也可以直接設定滾動條距上的高度)。

而我目前有個需求是,在同一個vue組件中,點擊不同的按鈕,將滾動條滾動到對應的部分(可以不要滾動效果)。直接用上面提到的的話會觸發頁面跳轉,而直接設定滾動條距上高度的話,又得逐個獲取位置,沒有前者來得簡單。

求教大神,這個需求你們有無比較好的實現思維?

为情所困
为情所困

全部回覆(8)
phpcn_u1582

Element.scrollIntoView()

這是 JS 的一個原生 api,呼叫後,瀏覽器會捲動至目標元素的位置。

https://developer.mozilla.org...

洪涛

如果用不了錨點,只能取得每個部分的捲軸位置了。

曾经蜡笔没有小新

那隻能用js了,如下面一樣,在事件中取得目標元素距離頁面頂部的距離,然後控制滾動軸:

$(window).scrollTop( $("#caaa").offset().top )
阿神

粗暴的來看,肯定是錨點這個方法暴力咯。

曾经蜡笔没有小新

找原生js外掛程式引入

阿神

同問!我也不清楚

给我你的怀抱

https://huahua0406.github.io/...

下面有個左右對應滾動的不知道滿足你的要求嗎

大家讲道理

vue-router2

router有模擬錨點的功能

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板