vue 进入下一页面的时候 界面总是显示在底部
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue 进入下一页面的时候 界面总是显示在底部相关的知识，希望对你有一定的参考价值。
参考技术A 问题描述： 点击下一步之后，一开始界面显示不全，于是增加了“style="padding:5px;padding-bottom:75px"” ，虽然出现滑轮显示全了，但是出现了一进入界面则直接显示底部，不是从顶部开始的，后来查找了半天，找到解决方式：mounted中加一个
window.scrollTo(0,0)
在页面底部显示页脚总是 Internet Explorer 11 的问题
【中文标题】在页面底部显示页脚总是 Internet Explorer 11 的问题【英文标题】：Show footer at the bottom of the page always problem with Internet Explorer 11 【发布时间】：2021-01-29 02:27:30 【问题描述】：我正在开发一个带有Visual Studio 2019、C# 和.NET Framework 4.7 的ASP.NET 网站
我在母版页上插入了这个css class，因为我的所有页面都有垂直滚动条，我想始终在页面底部显示<footer>。
在浏览器Google Chrome 和Microsoft Edge 上css class 工作正常，但在浏览器Internet Explorer 11 上，页脚文本会随着网页移动。
我该怎么做？
footer
position:fixed;
bottom:0;
<div>
<footer>
<p style="font-size:20px">My Company</p>
</footer>
</div>
【问题讨论】：
这能回答你的问题吗？ How do you get the footer to stay at the bottom of a Web page? 请提供更多详细信息，页面上发生了什么，您可以检查元素并查看类是否应用正常？ 【参考方案1】：实际上所有浏览器都可以正常工作，只需确保正确设置 CSS。
style 中的 CSS head
CSS 内联
演示：
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
.p
height: 200vh;
background:red;
footer
position:fixed;
bottom:0;
background: yellow;
</style>
</head>
<body>
<h1>This is a Heading</h1>
<p class="p">This is a paragraph.</p>
<div>
<footer>
<p style="font-size:20px">My Company</p>
</footer>
</div>
</body>
</html>IE11 上的结果（你可以滚动，因为标题的一半）：
【讨论】：
以上是关于vue 进入下一页面的时候 界面总是显示在底部的主要内容，如果未能解决你的问题，请参考以下文章
记Vue中即时页面填充内容不够，底部栏也可在浏览器最底端显示方法