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