⛳️: CSS样式中传入变量
😇: 鑫动了的主页 – 欢迎各位小伙伴
💗: 前端小白的成长之路,一起学习,一起成长~
在H5中当前的页面难免会有多个选项卡切换的需求
在切换时 同一页面会记住相同位置,用户体验不是很好,我的需求就是切换选项卡,重回顶部
切记 “target” 的 id 标签一定要重新设置一个
如果是回到顶部,可以加在section标签的下第一个位置!
在你的点击事件 - 切换选项卡时 加入 :
nav(i) { //选项卡
this.num = i;
document.getElementById("target").scrollIntoView(); //这句是回到顶部
}
顶部
−
d
o
c
u
m
e
n
t
.
g
e
t
E
l
e
m
e
n
t
B
y
I
d
(
′
l
i
6
0
′
)
.
s
c
r
o
l
l
I
n
t
o
V
i
e
w
(
)
;
\color{#FF0000}{ 顶部-document.getElementById('li60').scrollIntoView();}
顶部−document.getElementById(′li60′).scrollIntoView();
底部
−
d
o
c
u
m
e
n
t
.
g
e
t
E
l
e
m
e
n
t
B
y
I
d
(
′
l
i
6
0
′
)
.
s
c
r
o
l
l
I
n
t
o
V
i
e
w
(
f
a
l
s
e
)
;
\color{#FF0000}{ 底部- document.getElementById('li60').scrollIntoView(false);}
底部−document.getElementById(′li60′).scrollIntoView(false);
中间
−
d
o
c
u
m
e
n
t
.
g
e
t
E
l
e
m
e
n
t
B
y
I
d
(
′
l
i
6
0
′
)
.
s
c
r
o
l
l
I
n
t
o
V
i
e
w
(
b
l
o
c
k
:
′
c
e
n
t
e
r
′
)
;
\color{#FF0000}{ 中间- document.getElementById('li60').scrollIntoView({ block: 'center' }); }
中间−document.getElementById(′li60′).scrollIntoView(block:′center′);