Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何防止嵌入类型窗体在加载后滚动_Javascript_Html_Reactjs_Typeform - Fatal编程技术网

Javascript 如何防止嵌入类型窗体在加载后滚动

Javascript 如何防止嵌入类型窗体在加载后滚动,javascript,html,reactjs,typeform,Javascript,Html,Reactjs,Typeform,我正在构建一个ReactJS应用程序,并在页面中间嵌入了一个typeform。问题是一旦类型表单加载到https://www.npmjs.com/package/@heyjobs/react字体嵌入 代码: 计数器上的类扩展了组件{ render(){ 返回( {/* 场外交易 */} ); } } 输出默认值超过计数器; 因此,对于您正在使用的react嵌入式组件,我无法评论或解释其工作原理。不过,我最近创建并维护了一个web组件库(通过测试,它可以很好地与React配合使用) 您可以使用安装

我正在构建一个ReactJS应用程序,并在页面中间嵌入了一个typeform。问题是一旦类型表单加载到https://www.npmjs.com/package/@heyjobs/react字体嵌入

代码:

计数器上的类扩展了组件{ render(){ 返回( {/* 场外交易 */} ); } } 输出默认值超过计数器;
因此,对于您正在使用的react嵌入式组件,我无法评论或解释其工作原理。不过,我最近创建并维护了一个web组件库(通过测试,它可以很好地与React配合使用)

您可以使用安装

npm install typeform-elements
并使用以下功能将嵌入库导入到应用程序入口点:

import 'typeform-elements/dist/embed';
最后使用组件,以便

<typeform-standard url="{typeform_url}"></typeform-standard>


嵌入组件有几个属性,您可以使用它们。如果事情不顺利,就提出一个问题

这不是一个反应特定的解决方案,但它需要吗?它是嵌入式sdk的包装器,提供DOM/Window/BOM可以理解的元素(如div或iframe)。这已经足够了,并且是框架无关的(所以任何web开发人员都可以使用它)。如果我尝试在react应用程序中使用它,那么我的just get窗口是未定义的。我可以看到您在公共repo中的代码吗?(我可以试着从那里帮忙)我真傻,因为我喜欢服务器端渲染。交换
导入“类型元素/dist/embed”用于
if(typeof window!=“undefined”){require(“typeform elements/dist/embed”);}
并且它像一个符咒一样工作。非常感谢你。
<typeform-standard url="{typeform_url}"></typeform-standard>