0

我创建了一个脚本来使用 Html 服务发布以下 html 页面：

<html>
  <div id="fixeddiv"></div>
  <script>
    var div=document.getElementById("fixeddiv");
    div.style.position="fixed";
    alert(div.style.position);
  </script>
</html>

警报窗口显示一个空字符串。不能为div元素设置固定位置吗？

4

4 回答 4

1

我刚遇到同样的事情，答案似乎是否定的。显然他们担心固定的 div 是安全漏洞。

接下来他们也会想要从我们的键盘上移除按键 ;-)

于 2012-09-25T02:04:05.027 回答
1

我为此找到了另一个“解决方案”：

我创建了 2 个 div，fixedHeader 和内容

<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); }

希望能帮助到你

于 2015-01-30T22:07:35.637 回答
1

我用它来获得顶部全局导航栏的“固定”效果。它可能对您或其他人有用。

$(document).ready(function() {
    $( window ).scroll(function() {
        $( '.fixed' ).css('top', $( this ).scrollTop());
    });
});

注意：在 GAS 中 $( window ).scroll() 对我不起作用，所以我创建了一个带有滚动条溢出的视口大小的 div 块并改用它。

于 2014-03-19T07:31:38.650 回答
0

出于安全考虑，这似乎position:fixed是不允许的：http ://code.google.com/p/google-apps-script-issues/issues/detail?id=1840

于 2012-09-25T11:51:27.107 回答