解决点击a标签时，页面整体移动问题的一个思路

情景：100% html，body ，不含滚动条，在点击页面的一个按钮时，发现html标签整体上移了，造成页面最下面有留白，最上面少一点，就像html在浏览器窗口里错位了一样。下面是正常情况和错位情况的对比图。经过检查后，发现这个a标签的href=‘#’  ，而#可用作锚点进行页面定位。这个页面前前后后经过好几个同事写了好几版，而且页面布局复杂，嵌套着好几个iframe，时间有限，我就没有理清代码，直接把href=‘#’ 改为 href=‘javascript:void(0)’，问题解决。