Javascript 滚动到页面百分比的方式'；她身高多少？

我正在尝试创建类似锚定标记的东西。当用户单击缩略图时，我希望能够向上滚动一点，以便全尺寸图像位于浏览器的中心。我尝试过滚动到特定的高度，但我注意到理想的高度会根据浏览器窗口的宽度而变化。我想知道我是否可以滚动到页面的某个百分比（比如从顶部开始滚动30%）。这可以在香草Javascript中实现吗？谢谢

获取页面的总高度，计算所需高度并在scrollTo中使用

var body=document.body，
html=document.documentElement；
var height=Math.max（body.scrollHeight，body.offsetHeight，
html.clientHeight、html.scrollHeight、html.offsetHeight）；
$（“#btn2”）。单击（函数（）{
$（'html，body'）。设置动画({
滚动顶部：高度*0.33
}, 2000);
});
$（“#btn3”）。单击（函数（）{
$（'html，body'）。设置动画({
滚动顶部：高度*0.66
}, 2000);
});

33%
66%
1.
2.
3.
获取页面的总高度，计算所需高度并在scrollTo中使用


var body=document.body，
html=document.documentElement；
var height=Math.max（body.scrollHeight，body.offsetHeight，
html.clientHeight、html.scrollHeight、html.offsetHeight）；
$（“#btn2”）。单击（函数（）{
$（'html，body'）。设置动画({
滚动顶部：高度*0.33
}, 2000);
});
$（“#btn3”）。单击（函数（）{
$（'html，body'）。设置动画({
滚动顶部：高度*0.66
}, 2000);
});

33%
66%
1.
2.
3.
如果你愿意分享，它可能只是对你迄今为止所获得的东西的一些小调整。如果你愿意分享，它可能只是对你迄今为止所获得的东西的一些小调整。