javascript - Gibt es in vue.js eine schnellere Methode, um die aktuelle Schnittstelle zu einem bestimmten Teil zu scrollen?
为情所困
为情所困 2017-05-18 10:45:35
0
8
627

Eine gewöhnliche HTML-Seite wird beispielsweise häufig verwendet, um zum Anfang zurückzukehren. Sie kann das href-Attribut des a-Tags auf eine bestimmte ID setzen und dann beim Klicken mit der Bildlaufleiste zu diesem Teil scrollen (natürlich können Sie dies auch direkt festlegen). die Höhe der Bildlaufleiste).

Meine aktuelle Anforderung besteht darin, auf verschiedene Schaltflächen in derselben Vue-Komponente zu klicken, um die Bildlaufleiste zum entsprechenden Teil zu scrollen (der Bildlaufeffekt ist optional). Wenn Sie die oben genannte Methode direkt verwenden, wird ein Seitensprung ausgelöst. Wenn Sie die Höhe der Bildlaufleiste direkt festlegen, müssen Sie die Positionen einzeln ermitteln, was nicht so einfach ist wie beim vorherigen.

Bitte geben Sie mir einen Rat, haben Sie eine bessere Idee, um diese Anforderung zu realisieren?

为情所困
为情所困

Antworte allen(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有模拟锚点的功能

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage