单击按钮会将整个页面向左移动几个像素

时间:2019-05-27 19:54:28

标签: css

我正在尝试解决一个问题,当用户单击一个按钮时,该按钮会导致整个页面向左移动。该问题似乎仅在浏览器最大化时出现。

您可以在这里自己尝试:https://professionallyspeaking.oct.ca/exemplary.aspx

单击“伟大的老师-按字母顺序+”按钮以查看操作上的变化。

2 个答案:

答案 0 :(得分:0)

由于垂直滚动条的出现,页面正在移动。感谢@ j08691指出这一点。我通过应用overflow-y解决了该问题:滚动到html:

html {
overflow-y: scroll;
}

答案 1 :(得分:0)

当内容高度超过浏览器窗口的高度时,页面将添加垂直滚动条。这是默认的行为,但是如果这种转换对您来说很奇怪,则“修复”的唯一方法是在内容未填满页面的情况下,通过添加以下css来强制<body>上的滚动条:

body{
  overflow-y: scroll;
}