【vue】如何跳转路由到指定页面位置
项目有一个需求,点击导航栏进入该页面时,进入指定的位置,刚开始用的绝对位置,没有考虑到不同的显示器,后来经过大佬的计算,实现了此功能。.js<script>//获取浏览器高度data() {return {height: `${document.documentElement.clientHeight}`,}}//后端会给一个值,来确定浏览器需要跳转到哪个位置...
·
项目有一个需求,点击导航栏进入该页面时,进入指定的位置,刚开始用的绝对位置,没有考虑到不同的显示器,后来经过大佬的计算,实现了此功能。
.js
<script>
//获取浏览器高度
data() {
return {
height: `${document.documentElement.clientHeight}`,}
}
//后端会给一个值,来确定浏览器需要跳转到哪个位置,4个位置在正常的显示屏需要跳转的高度分别为,260,380,495,715
//此方法放置在页面加载时间中
if (vm.two == 1) {
vm.y = 260 - (937 - vm.height) / 7.8;
}
if (vm.two == 2) {
vm.y = 380- (937 - vm.height) / 7.8;
}
if (vm.two == 3) {
vm.y = 495 - (937 - vm.height) / 7.8;
}
if (vm.two == 4) {
vm.y = 715 - (937 - vm.height) / 7.8;
}
//跳转到该位置
window.scrollTo(0, vm.y);
</script>
效果
进来就跳转到该位置,切换小屏也可以
成功!
更多推荐
已为社区贡献10条内容
所有评论(0)