你好堆栈溢出社区!我还没有真正利用过这个资源,基本上是从头开始学习如何使用 Google Apps 脚本(我对脚本语言的了解非常有限)。我在将 jQuery 嵌入我的 Web 应用程序时遇到了问题,我向专家寻求帮助。
这只是我想出的一个简单的例子来说明我想要实现的目标。我想要的是“容器” div 具有动态高度。这样一来,无论大小如何,整个屏幕都被填满(嗯,最有可能不是手机)。这是代码:
代码.gs
function doGet(request) {
return HtmlService.createTemplateFromFile('app').evaluate();
}
function include(filename) {
return HtmlService.createHtmlOutputFromFile(filename).getContent();
}
样式表.html
<style>
#main {
height: 100%;
width: 100%;
background-color: #DDD;
}
#header {
height: 100px;
width: 100%;
background-color: blue;
position: top;
}
#menu {
height: 50px;
width: 100%;
background-color: black;
position: top;
}
#container {
height: auto;
background-color: red;
margin-left: 15%;
margin-right: 15%;
}
#footer {
height: 50px;
width: 100%;
background-color: blue;
}
</style>
javascript.html
<script>
function adjust(){
var maxH = $("#main").height();
var afterHeight = maxH - ($("#header").height() - $("#menu").height() - $("#footer").height());
$(".kamil_test").css({height:afterHeight});
}
$(document).ready(adjust);
$(window).resize(adjust);
</script>
应用程序.html
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js">
</script>
</head>
<body>
<?!= include('stylesheet.html'); ?>
<?!= include('javascript.html'); ?>
<div id="main">
<div id="header">
</div>
<div id="menu">
</div>
<div id="container">
</div>
<div id="footer">
</div>
</div>
</body>
</html>
我认为我的帖子太长了,但我想展示所有四个部分的内容。想确保我没有忽略任何东西。