Asp.net mvc视图使用分页视图时 切换页面 多出空白 页面高度被拉长

    mvc 项目中使用了分页视图 并且引用了 Share文件夹下的 _Layout.cshtml  

    问题出现过程:打开了页面高度为2000px  的A页面 再打开高度为400px的B页面时  B页面的高度被A页面拉成了2000px 造成底部空出一大段距离。  注:A页面B页面都是  _Layout.cshtml   的分页视图 类似母版页。

 

   查找原因:上网搜索半天因为不知道如何描述问题 所以苦苦找不到问题的答案。 开始认为是mvc视图的问题 想用后台代码解决,后无果。再csdn查询 没有发现答案 。  无奈就自己 用 jquery 的方法 来测量页面高度 方法:$(window).height(); 发现高度只有400px;  再用浏览器自带的开发者工具 测量页面高度达到了 2000px;  想想这问题应该可以用js解决 于是 出现了下面的方法:    

           $('body').css('height',$(window).height());  哈哈,问题解决了。页面从2000px被调整为400px了。

 

    总结:个人认为还是视图的问题应该能用后台代码解决的 苦于无奈 和能力有限 如果各位有好的方法请告诉本菜鸟 谢谢。

posted @ 2013-12-22 21:28  FunLin  阅读(353)  评论(0编辑  收藏  举报