我创建了一个脚本来使用 Html Service 发布以下 html 页面:
<html>
<div id="fixeddiv"></div>
<script>
var div=document.getElementById("fixeddiv");
div.style.position="fixed";
alert(div.style.position);
</script>
</html>
警报窗口显示一个空字符串。无法为div
元素设置固定位置?
我刚刚遇到了同样的事情,答案似乎是否定的。 显然,他们担心固定div是一种安全漏洞。
接下来,他们也想从我们的键盘上删除按键;-)
我用它来为顶部的全局导航栏获得"固定"效果。它可能对您或其他人有用。
$(document).ready(function() {
$( window ).scroll(function() {
$( '.fixed' ).css('top', $( this ).scrollTop());
});
});
注意:在 GAS 中,$( window ).scroll() 对我不起作用,所以我创建了一个带有滚动条溢出的视口大小的div 块并使用它。
我为此找到了另一个"解决方案":
我创建了 2 个div,固定标题和内容
<div id="fixedHeader"></div>
<div id="content"></div>
css 代码,我们将 #fixedHeader 设置为始终位于顶部,#content 我们设置了一个与 #fixedHeader 高度匹配的填充顶部,这样元素就不会低于 #fixedHeader:
#fixedHeader {position:absolute; top:0;}
#content {padding-top:50px; overflow:auto;}
最后是javascript,使 #contet 在文档加载时与视口的高度相匹配:
$(function(){ $("#content").css('height',window.innerHeight); }
希望对你有帮助
出于安全考虑,似乎不允许position:fixed
:http://code.google.com/p/google-apps-script-issues/issues/detail?id=1840