无法使用 Html 服务为 DOM 元素设置固定位置



我创建了一个脚本来使用 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

相关内容

  • 没有找到相关文章

最新更新