打开页面，滚动条不在顶部

最新推荐文章于 2024-06-17 14:07:58 发布

静小谢

最新推荐文章于 2024-06-17 14:07:58 发布

阅读量284

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/kekexiaomayi/article/details/131326757

版权

打开页面，滚动条不在顶部
window.scrollTo(0, 0);

 backTop() {
      window.scrollTo(0, 0);
    },

  mounted() {
    this.backTop();
  },

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

静小谢

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JavaScript - 纯 JS 实现让浏览器滚动条回到顶部（3种解决方案）

王二红

09-08

5120

JavaScript-纯JS实现让浏览器滚动条回到顶部（3种解决方案）jsvuenuxt.jsreactive怎么让滚动条回顶部javascript中制作一个滚动条回到顶部的效果js实现网页滚动条回到顶部原生JS如何实现回到顶部效果js滚动条回到顶部示例代码js自动回到顶部_js滚动条自动回到顶部用JS代码实现“回到顶部”按钮JS——BOM操作(点击按钮返回顶部案例:scrollTop的用法)js浏览器回到顶部方法_基于JS实现回到页面顶部的五种写法(从实现到增强)

H5切换页面，滚动条到顶部

LILEILEILOVE的博客

07-22

1844

1.main.js中引入文件方法 import { scrollTop} from '@utils/page router.afterEach(r=>{ if(r.meta.keepAlive) return; scrollTop() 2.创建方法文件page.js export function scrollTop(){ window.scrollTo(0,0) }

参与评论您还未登录，请先登录后发表或查看评论

vue中跳转页面后滚动条没有在最顶端

Sapling

08-23

2913

解决方法：在router设置的文件中添加一些东西正常情况下 let router = new Router({ routes: [] }) 添加代码后 let router = new Router({ routes: [], scrollBehavior(to, from, saveTop){ if (saveTop) { return sav...

vue页面带滚动条，打开新页面页面不置顶的问题

qq_40295815的博客

06-17

689

【代码】vue页面带滚动条，打开新页面页面不置顶的问题。

Vue页面跳转this.$router.push({})后滚动条不能滚动到最上边的问题修复

weixin_41688688的博客

10-29

2641

Vue、router、Vuex

解决再次打开el-dialog里面el-form的滚动条不置顶

qq_43513818的博客

03-18

1370

因为再次打开带有滚动条的dialog，滚动条会回到上次打开的位置，而不是置顶。 Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true，我也不清楚具体啥原因，有时间再具体分析 ...

vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法

08-28

在Vue项目中，当使用vue-router进行页面切换时，我们经常需要实现滚动条自动滚动到顶部的效果，以提供用户友好的导航体验。这通常通过利用`Window.scrollTo()`方法来完成，该方法允许我们指定页面滚动到的精确位置。...

初次进入页面ScrollView的滚动条不在顶部的解决办法

lue2009的专栏

05-04

2810

当加载数据完成后，ScrollView的内容会很多，滚动条会滚动，这样会ScrollView的第一个Child显示不全，这样造成不好的用户体验，此时有两个解决办法：（1）加载数据完成后，延时设置ScrollView的滚动条位置： private void onFinishLoadReport(String response) { .... adjustScroll

vue页面切换到滚动页面显示顶部的实例

11-28

这段代码会在详情页渲染完成后，将滚动条滚动到页面的顶部（X坐标为0，Y坐标也为0）。四、优化用户体验：虽然问题已解决，但在网络慢的情况下，用户可能会看到页面从底部滚动到顶部的过程，这可能不太美观。为...

window.scrollTop(0,0)为啥不生效

qq_42931285的博客

12-10

4562

window.scrollTop(0,0)为啥不生效

vue页面跳转，滚动条不在顶部

weixin_57167969的博客

11-03

1162

解决vue页面跳转，滚动条不在顶部问题问题描述：在首页点击指定的路由跳转，跳转到详情页之后，滚动条默认显示在底部，需要手动往上拉才能看到详情标题解决：在main.js中添加路由守卫 // 解决跳转到详情页，滚动条不在顶部问题 router.afterEach((to, from, next) => { window.scrollTo(0, 0); }); //scrollTo() 方法可把内容滚动到指定的坐标 //语法： scrollTo(xpos,ypos) 找了许久的问题，之前

vue-router跳转详情页后，页面内组件滚动条不置顶

qq_26596795的博客

06-08

690

vue-router跳转详情页后，页面内组件滚动条不置顶。

如何解决window.scrollTo当页面滚动条不在最上方时，点击后先立刻回到顶部再滚动到指定位置的问题...

weixin_35750483的博客

02-11

637

如果想在使用 window.scrollTo 方法时，解决页面滚动条先回到顶部再滚动到指定位置的问题，可以使用以下方法：使用 JavaScript 计算出当前页面滚动条的位置，然后计算出滚动的总距离，最后通过动画的方式实现滚动，从而避免回到顶部的现象。使用替代方案，例如：scrollIntoView 或 scrollBy。例如： // 获取当前滚动条位置 var currentScr...

解决 Vue 使用 vue-router 切换页面时页面显示没有在顶部

青蛙king的博客

09-08

897

跳转到新页面后可视口没有从顶部开始显示，解决办法： router.beforeEach((to, from, next) => { /* 进入新页面自动回到页面顶部 */ // chrome document.body.scrollTop = 0 // firefox document.documentElement.scrollTop = 0 // safari window.pageYOffset = 0 let userId = localStora

项目问题----页面滚动条问题

huohuoit的博客

08-24

793

这是我在制作一个内容超出页面可视区的设置界面时，滚动条处遇到的一个问题。经导师指导后分析拓展总结了如下几个问题先来看看我的问题：在最右边滚动条滚动的时候，不希望滚动条滚动到页面主体内容上边（十分影响美观），也就是头部设置这个div部分 1、页面布局问题首先我的理解是，页面出现滚动条是与页面的内容高度是有关的，滚动条应该在页面主体内容内出现，而不是在头部类似导航栏这种位置出现。应该注意到：滚动条的滚动长度 = 页面内容的 height: 100%。犯错：我在做初始页面布局的时候，给头部设置这

vue进入页面滚动条位置不现实在顶部

土鸡汤来一碗

10-06

1875

export default new Router({ mode:'history', routes, scrollBehavior (to, from ,savedPosition) { return {x:0,y:0} } }); 解决方法：在路由配置上加上 scrollBehavior (to, from ,savedPosition) { return {...

vue页面跳转后，滚动条不在顶部

halo1416的博客

07-21

2730

一、问题描述 vue在将页面滚动到页面中部或者底部（反正不在顶部），再进行页面跳转后，新页面的滚动条还处于上一个页面的位置，并没有更新到页面顶部二、解决方法在全局路由钩子里面将页面滚动到页面顶部 router.beforeEach((to, from, next) => { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; // 兼容IE window.scrollT

Vue路由跳转页面，滚动条的位置停留在上个页面的位置，没有回到顶部

jililin123的博客

08-09

1753

Vue路由跳转页面，滚动条的位置停留在上个页面的位置，没有回到顶部

vue路由跳转时进入新的页面，滚动条的位置停留在上个页面的位置，没有回到顶部

wjm0519的博客

10-10

2410

1.问题 vue路由跳转时进入新的页面，滚动条的位置停留在上个页面的位置，没有回到顶部 2.解决方法 a.在main.js 中添加如下代码 router.beforeEach((to, from, next) => { // chrome document.body.scrollTop = 0 // firefox document.documentElement.s...

vue打开页面滚动条到指定位置