html - polymer ,在谷歌应用程序脚本电子表格插件中实现冗余滚动条

标签 html css google-apps-script polymer materialize

大家美好的一天!

最近我决定在我的电子表格应用程序中使用 Polymer

https://www.polymer-project.org/1.0/

虽然我发现这个库非常棒,但我遇到了非常不愉快的问题。当我启动我的插件时,出现了一个冗余滚动条,我什至无法滚动:

http://dl2.joxi.net/drive/0005/1191/378023/150914/e4b6421946.jpg

如果我缩小它就会消失:

http://dl2.joxi.net/drive/0005/1191/378023/150914/a76db2326a.jpg

无论我在哪个缩放位置启动应用程序,此滚动条都会始终出现并在我缩小后消失。

同样的问题发生在我尝试使用ma​​terialize时: http://materializecss.com/

当我在我的应用程序中使用 bootstrap 时,我从未见过这个问题。

边栏.html:

<!--Polymer-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js">
</script>
<link rel="import" href="https://cdn.rawgit.com/download/polymer-    cdn/1.0.1/lib/paper-button/paper-button.html">
<link rel="import" href="https://cdn.rawgit.com/download/polymer-  cdn/1.0.1/lib/paper-tabs/paper-tabs.html">

<div class="sidebar branding-below">
<paper-material elevation="1">
    <paper-tabs selected="0" noink>
        <paper-tab noink>
            <a href="#day" class="tab-link horizontal center-center layout">Day</a>
        </paper-tab>
        <paper-tab>
            <a href="#month" class="tab-link horizontal center-center layout">Month</a>
        </paper-tab>
        <paper-tab>
            <a href="#year" class="tab-link horizontal center-center layout">Year</a>
        </paper-tab>
    </paper-tabs>
</paper-material>
</br>
</div>

希望得到您的帮助,祝您有愉快的一天!

最佳答案

这是一个已知问题。在以下位置查看问题:
https://code.google.com/p/google-apps-script-issues/issues/detail?id=5164&q=scrollbar&colspec=Stars%20Opened%20ID%20Type%20Status%20Summary%20Component%20Owner

已发布解决方法:
https://code.google.com/p/google-apps-script-issues/issues/detail?id=5164#c17

简而言之,将以下行添加到您的客户端:

parent.document.getElementById('userHtmlFrame').style.overflowY = "hidden";

关于html - polymer ,在谷歌应用程序脚本电子表格插件中实现冗余滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32561919/

相关文章:

html - 元素仅扩展 100% 的视口(viewport),而不是父元素

html - CSS 和 JS 没有在一个 Controller 中加载两个 Action ruby​​ on rails

javascript - 在移动设备中,空白 :nowrap; overflow:hidden; text-overflow:ellipsis; kinda do not work

html -::after 中与 div 中相同的线性渐变背景

google-apps-script - 自动排序范围,但仅当有筛选 View 处于事件状态时

javascript - 如何在 promise 中包装 google oauth 授权回调?

javascript - 如何使用 iframe-resizer 更改 GAS iframe(在 WordPress 中)的高度

javascript - 为什么我的填充文本区域的函数只在第一次起作用?

html - 如何在数据行中排列我的图片和文字?

javascript - 用于 Web 应用程序的 HTML5 Canvas 视口(viewport)