無法設置固定位置使用HTML服務

DOM元素我創建了一個腳本來發布使用HTML服務下面的HTML頁面：無法設置固定位置使用HTML服務

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

警報窗口顯示一個空字符串。無法爲div元素設置固定位置？

來源

2012-09-24 tic

使用新的'IFRAME'沙盒模式，可以將固定的元素。使用此代碼：'HtmlService.SandboxMode.IFRAME' [Google文檔 - 沙盒模式]（https://developers.google.com/apps-script/reference/html/sandbox-mode） –

我剛碰到相同的東西，答案似乎是NO。顯然他們擔心固定分區是安全風險。

接下來的事情，他們會想要從我們的鍵盤刪除鍵太;-)

來源

2012-09-25 02:04:05 user1623237

看來，position:fixed是不允許出於安全考慮：http://code.google.com/p/google-apps-script-issues/issues/detail?id=1840

來源

2012-09-25 11:51:27 tic

我用這個來得到一個'固定'效果爲頂部的全球導航欄。這可能對你或其他人有用。

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

注：在氣體$（窗口）.scroll（）是不是爲我工作，所以我轉而創建一個div塊帶有滾動條溢出的視口的大小和使用的替代。

來源

2014-03-19 07:31:38 Gene

很好的解決方案。我創建了div並使用$（window）選擇器來工作。但在某些時候，div滾動停止，窗口滾動開始工作。此時，「固定」元素部分退出屏幕。你知道如何解決它嗎？非常感謝你。 – Danielo515

，我發現了另一個「解決方案」這個：

我創建2個的div，fixedHeader和內容

<div id="fixedHeader"></div> 
<div id="content"></div>

CSS代碼，在這裏我們設置#fixedHeader是總在最前面和＃內容我們設置填充頂匹配#fixedHeader的高度，使元素下#fixedHeader不會得到：

#fixedHeader {position:absolute; top:0;} 
#content {padding-top:50px; overflow:auto;}

最後JavaScript來讓#contet匹配視WH的高度EN文檔載入：

$(function(){ $("#content").css('height',window.innerHeight); }

希望它可以幫助

來源

2015-01-30 22:07:35

你使用的是什麼沙箱模式？ NATIVE，IFRAME？ –

我正在使用默認的（NATIVE）。我不知道有不同的類型。你說得對，IFRAME模式支持固定位置，所以我現在的答案完全沒有價值。謝謝！ –

無法設置固定位置使用HTML服務

回答

相關問題