Buildfire插件:disableTheme元正在阻止滚动



我在Buildfire插件的HTML中添加了<meta name="buildfire" content="disableTheme">。它确实禁用了主题CSS,但现在也阻止了页面的正常滚动。这是一个简单的HTML/CSS/JS插件,没有外部框架。这是为小部件准备的。使用BuildFireSDK 1.15.3版

在插件测试程序中,滚动在我的本地环境中正常工作。但当插件加载到用户的控制面板或测试应用程序加载到设备上时,它无法正常工作。

有没有办法禁用主题样式,但允许正常滚动?

编辑:我从HTML中删除了所有额外的类、样式和脚本标记。它仍然无法滚动。

<html>
<head>
<meta name="buildfire" content="disableTheme">
<title>Test</title>
<script src="../../../scripts/buildfire.js"></script>
</head>
<body style="overflow-y:scroll;">
<div style="overflow-y:scroll;">
<div class="container" style="overflow-y:scroll;">
<div>
<div>
<h1>Test</h1>
</div>
</div>
<div>
<div>
<form>
<div>
<div>
<h2>Test</h2>
</div>
</div>
<div>
<div>
<h2>Test</h2>
</div>
</div>
<div>
<div>
<h2>Test</h2>
</div>
</div>
<div>
<div>
<h2>Test</h2>
</div>
</div>
<div>
<div>
<h2>Test</h2>
</div>
</div>
<div>
<div>
<h2>Test</h2>
</div>
</div>
<div>
<div>
<h2>Test</h2>
</div>
</div>
<div>
<div>
<h2>Test</h2>
</div>
</div>
</form>
</div>
<div>
<form>
<div>
<div>
<p>Test output</p>
</div>
</div>
<div>
<div>
<p>test value</p>
</div>
</div>
<div>
<div>
<p>Test output</p>
</div>
</div>
<div>
<div>
<p>test value</p>
</div>
</div>
<div>
<div>
<p>Test output</p>
</div>
</div>
<div>
<div>
<p>test value</p>
</div>
</div>
<div>
<div>
<p>Test output</p>
</div>
</div>
<div>
<div>
<p>test value</p>
</div>
</div>
<div>
<div>
<p>Test output</p>
</div>
</div>
<div>
<div>
<p>test value</p>
</div>
</div>
<div>
<div>
<p>Test output</p>
</div>
</div>
<div>
<div>
<p>test value</p>
</div>
</div>
<div>
<div>
<p>Test output</p>
</div>
</div>
<div>
<div>
<p>test value</p>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</body>
</html>

如果您通过meta标记禁用主题,它将排除通常会注入插件的CSS。根据您的插件,您可能需要添加额外的CSS来满足您的需求。

举个例子,下面是一些可以添加的基线CSS:

html[buildfire] {
width: 100%;
min-width: 100%;
max-width: 100%;
height: 100%;
background: none;
overflow: hidden !important;
}
html[buildfire] body {
height: 100% !important;
width: 100% !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
margin: 0 auto;
}

最新更新