LightSwitch HTML根屏幕布局在其高度设置为&#34时延伸到屏幕之外;伸展到容器"

时间:2017-04-14 07:58:58

标签: javascript html visual-studio-lightswitch lightswitch-2013

逗人,

如果我有一个屏幕,我将根布局的高度设置为"拉伸到容器"并确保页脚中没有可见的按钮(因此页脚折叠),您会注意到页面布局将不必要地延伸超出浏览器窗口的高度(导致滚动条出现),并且它将完全延伸标题(如果标题是60px,底部的额外空间将是60px)。这看起来不专业,并且当页脚按钮出现和消失时,浏览器滚动条也是如此,在大多数浏览器中,它会向内和向外拉伸页面内容以占据其宽度范围,从而导致页面内容出现不舒服的抖动。

下面是一个截图:

enter image description here

有人知道对此有所补救吗?

1 个答案:

答案 0 :(得分:1)

解决此问题的一种方法是修改Microsoft LightSwitch库的_createScreenFrameHeader函数中的$ header声明。需要从以下内容更改此声明:

var $header = $("<div class='msls-header' data-role='header' data-update-page-padding='false' data-tap-toggle='false' ></div>")

对于以下内容(将data-position ='fixed'属性添加到声明的末尾):

var $header = $("<div class='msls-header' data-role='header' data-update-page-padding='false' data-tap-toggle='false' data-position='fixed' ></div>")