时间戳

首页 > 解决方案 > 如何在完美大小的谷歌网站上嵌入内容以使内容不可滚动？

javascript - 如何在完美大小的谷歌网站上嵌入内容以使内容不可滚动？

问题描述

我一直在帮助我当地的 toastmasters 部门开发该部门的网站，并通过在该网站的网页中嵌入代码来添加一些内容。作为一个对网络编程和设计知之甚少的人，嵌入谷歌网站让我发疯了。

如果我用很少的空白完美嵌入，如本页所示，桌面版会显示很多空白，但仍然可以忍受，但移动版会有滚动条，滚动条会使页面的滚动感觉非常不舒服，因为它是可滚动页面中的滚动条。

如果我用 EXTREME 大量的空白嵌入它，如本页所示。（您可能需要禁用广告拦截器才能正确查看，因为我正在检查 ip 以防止连续多次提交）这次 android chrome 和 firefox 完美地工作，没有滚动条并且页面的滚动感觉很好。桌面版自然有大量的空白，不受欢迎，但 iOS safari 尽管没有出现滚动条，但仍然有一些烦人的滚动。

图片显示了谷歌网站设计视图和移动设备上的 2 个页面。

如何在谷歌网站上嵌入内容，使其大小完美并自然滚动，最好没有大量空白？我试图查找类似的问题，但它们似乎适用于 iframe，我在这里没有使用。

标签： javascripthtmlcssgoogle-sites

解决方案

写这样的东西（对于嵌入式代码）：

<html>
   <body style='overflow:hidden'>
    <!--Do something here-->
   </body>
</html>

但这可能会导致一些内容在底部被截断。

推荐阅读