在制作页面的过程中，我每完成页面中的一部分就会下意识的按一下检查元素，看看有没有什么小问题发生，接着我就发现，当检查元素小页面出现的时候，该页面有一半的面积被检查页面覆盖了，这使我看不到页面的另一半内容。
直接被覆盖图例：
我想要的效果是，页面的可视区域也因为屏幕的变化而跟着缩放或放大，即达到同步变化的效果，这样可以给予页面可视区域尺寸拉伸缩小的动态化功能，紧接着我就想到了javascript中的onresize事件。
onresize事件的触发条件：当浏览器窗口【显示web文档的窗口】或着html对象大小被改变时就会触发 onresize 事件。
代码的使用图例：
当onresize事件被应用后，结合页面top值的变化函数的引用，就可以达成页面同步变化的效果了。
谨记：在设置top值变化函数之前，需要设置一个全局变量，使页面高度的初始值为零：var height = 0 ；
紧接着是设置Top值变化函数：
效果达成后：
…若有不足之处请各位多提些建议
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
