Javascript LightSwitch HTML根屏幕布局在其高度设置为“时延伸到屏幕之外”;“拉伸至容器”;

Javascript LightSwitch HTML根屏幕布局在其高度设置为“时延伸到屏幕之外”;“拉伸至容器”;,javascript,html,visual-studio-lightswitch,lightswitch-2013,Javascript,Html,Visual Studio Lightswitch,Lightswitch 2013,亲爱的 如果我有一个屏幕,我将根布局的高度设置为“拉伸到容器”,并确保页脚中没有可见的按钮(因此页脚被折叠),您将注意到页面布局将不必要地延伸到浏览器窗口的高度之外(导致出现滚动条),并且它将完全延伸到头部(因此,如果头部为60px,则底部的额外空间将为60px)。这看起来很不专业,随着页脚按钮的出现和消失,浏览器滚动条也会随之消失。在大多数浏览器中,滚动条会将页面内容向内和向外拉伸,以占据其宽度范围,从而导致页面内容出现令人不安的抖动 下面是一个屏幕截图来说明: 有人知道这方面的补救办法吗

亲爱的

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

下面是一个屏幕截图来说明:


有人知道这方面的补救办法吗

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

var $header = $("<div class='msls-header' data-role='header' data-update-page-padding='false' data-tap-toggle='false' ></div>")
var$header=$(“”)
以下内容(将data position='fixed'属性添加到声明末尾):

var$header=$(“”)

这真是难以置信。你是MSFT LightSwitch团队的成员吗?!
var $header = $("<div class='msls-header' data-role='header' data-update-page-padding='false' data-tap-toggle='false' data-position='fixed' ></div>")